Javascript 如何在网页中添加幻灯片图像

我正在做一个网站设计，我也是这方面的新手。 我想使用HTML和CSS在我的网页中添加滑动图像，只是因为我不熟悉JavaScript。 请给出添加图像滑块的建议。

---

提前感谢：）

您可以试试这个。制作幻灯片图像非常简单

---

欢迎来到web开发的丛林=D

要做到这一点，最简单也是最好的方法就是使用引导。 引导，如果你不知道的话，它是一个固定网页的“网格”。这是好的，因为它的反应和简单的配置。。。啊，还有它的免费=）

他们还有一个很棒的javascript附加组件，如carousel，请查看=）

如果您想自己完成所有工作，那么我建议您，因为我不知道您的技能，最简单的方法是一次加载嵌套在DIV中的一行中的所有图像，类似于：

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

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

但是，它有它的问题，例如，如果你要调整大小等等，所以就像我的老师经常说的，如果轮子已经被发现了，就没有必要去发现它。=）

---

希望它有帮助=D

这是一个仅限HTML和CSS的滑块

。滑块支架
{
宽度：800px；
高度：400px；
背景颜色：黄色；
左边距：自动；
右边距：自动；
边际上限：0px；
文本对齐：居中；
溢出：隐藏；
}
.图像支架
{
宽度：2400像素；
背景色：红色；
高度：400px；
明确：两者皆有；
位置：相对位置；
-webkit转换：左2秒；
-moz跃迁：左2s；
-o过渡：左2s；
过渡：左2秒；
}
.滑块图像
{
浮动：左；
边际：0px；
填充：0px；
位置：相对位置；
}
#滑块-image-1：目标~.图像保持器
{
左：0px；
}
#滑块-image-2：目标~.图像保持器
{
左：-800px；
}
#滑块-image-3：目标~.图像保持器
{
左：-1600px；
}
.按钮座
{
位置：相对位置；
顶部：-20px；
}
.滑块更改
{
显示：内联块；
高度：10px；
宽度：10px；
边界半径：5px；
背景颜色：棕色；
}

QNimate滑块

这肯定需要JavaScript。试试这个：如果你只想使用HTML和CSS，你可以遵循这个，但是试着使用Javascript，这是学习它的最好方法，因为你只想使用HTML/CSS解决方案