javascript - 如何在网页中添加幻灯片图片

Question

我正在做网站设计，我也是这方面的新手。我只想使用 HTML 和 CSS 在我的网页中添加滑动图像，因为我不熟悉 JavaScript。请提出添加图像 slider 的建议。提前致谢:)

Answer 1

欢迎来到网络开发的丛林=D

要做到这一点，最简单也可能是最好的方法是使用 Bootstrap。Bootstrap，以防万一您不知道，它是一个固定网页的“网格”。它很好，因为它响应迅速且配置简单......啊，而且它是免费的 =)

他们还有一个很棒的 javascript 附加组件，作为轮播，检查一下 =) http://getbootstrap.com/javascript/#carousel

如果你想自己做所有事情，那么我建议你的最简单的方法，因为我不知道你的技能，是嵌套在一个 DIV 中的一行中一次加载所有图像，比如:

然后在 css 中你可以给它们所有相同的宽度和高度，例如 500px 宽度和 500px 高度。

然后，根据您希望它向上滑动还是向下滑动，您可以使用 javascript 按时间或单击来控制它在 div 中的位置。 div 应该有 css overflow: hidden;

但是，它有它的问题，比如你是否会调整大小等等，所以我的老师总是说，已经发现了轮子就不需要再发现了。 =)

希望对你有帮助=D