【问题标题】:How to make carousel like in Skipperlimited如何在 Skipperlimited 中制作旋转木马
【发布时间】:2019-04-18 14:32:33
【问题描述】:

我正在制作一些东西,并想像http://www.skipperlimited.com/那样设计它

但我不知道如何处理图片轮播和徽标中的轮播。 有人可以展示一些方式。 提前致谢

【问题讨论】:

  • 如果您的代码中出现任何错误,您可以寻求帮助,并且每个知道的人都会帮助您,但您不能要求别人编写您的代码。问题不遵循stackoverflow的询问规范。见How do I ask a good question?
  • 对此我感到非常抱歉。但是,我不知道该怎么做,我怎么能要求错误。我不是在要求代码,只是如果有人可以提示如何做到这一点,我可以做到..
  • 希望您至少尝试自己编写代码。我建议你做一些additional research,通过谷歌或搜索SO,尝试一下。如果您仍然遇到问题,请返回您的代码并解释您尝试过的操作。
  • 谢谢你,我知道他们是怎么做到的,经过一番努力,哈哈

标签: jquery html css bootstrap-4


【解决方案1】:

问题是“以某种方式展示” - 我认为这个问题是合理的并且可以很好地回答。并非一切都必须是代码,有时它也与如何开始/如何到达那里有关。各种方法都是可能的,这是我的方法:

我会通过每个浏览器提供的“开发者工具”来研究源代码。在那里我可以看到图像本身是以一种非常时尚的方式准备的,与 HTML 无关。这是他们的一张图片的直接链接:

http://repository.skipperlimited.com/images/home-images/home-bg3.jpg

此外,我看到其他文本使用名为“home-wrapper”的绝对定位容器定位在图像上。在这里,绝对定位和 z-index 很重要:文本必须叠加在图像容器上。

在 head 标记中,我还可以看到 jquery.bxslider.js 包含在内,因此您可能想查看该库并查看其文档。

为了了解按钮的工作原理:它们似乎附有事件侦听器。因此,再次在 devTools 中,我在源代码中找到它们并检查 devTools 中的“EventListeners”选项卡。元素上有一个当前活动的事件侦听器列表,我看到“jquery.bxslider”事件附加到这些小方块。

等等。

这将是我探索的方式。我希望这会有所帮助!

【讨论】:

  • 谢谢哥们,我刚刚这样做了,发现了这个...正要删除问题大声笑...
  • 据我所知,您需要在 stackoverflow 上获得一定数量的积分和一定的角色才能再次删除问题。老实说,我从来没有真正关心过这个。 Stackflow 是一个神秘的地方,那里有鬼魂,而不是(也)帮助简单地行使权力......不停 - 万圣节......在 css-tricks 上查看论坛。他们似乎对互相帮助持更积极的态度。或者在 gitter 或 slack 上找到一个适合您主题的频道...并支持我的回答,请 ;-) G'day 和 g'luck!
  • 是的,当然,谢谢 :) :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-08-13
  • 2021-04-09
  • 2023-01-28
  • 2014-02-01
  • 2022-08-03
  • 2020-06-03
  • 1970-01-01
相关资源
最近更新 更多