Question

如何创建一个滑块，一个包含多张照片的滑块，您可以使用箭头导航？

我已经拥有了页面中的图片和箭头。我应该隐藏所有图像吗？单击箭头时隐藏当前图像并显示下一个/上一个？

我将图像放在列表中。

Answer 1

我认为你应该去做。制作自己的，这是了解事物运作方式的最佳方式。这是一个带箭头的简单显示/隐藏框的指南：

使用css隐藏所有图像。
仅显示课程current的图片。
在加载函数上使用jQuery将current类添加到第一个元素（您还可以在此处理预加载或其他内容）
在箭头上点击将当前图片指定给var current = $('.imgClass.current')之类的变量，从所有图片中移除current类（$('.imgClass').removeClass('current')），然后将其添加到current.next()或{{ 1}}。如果未定义.prev()或next()，请使用（prev()）相应地将其添加到元素编号0或$('.imgClass').length - 1。

Answer 2

(function() {
var t = document.getElementById("sd"),
    e = document.createElement("img"),
    n = ["2", "3", "4"],
    d = 0;
t.appendChild(e), setInterval(function() {
    e.setAttribute("src", n[d]), e.style.height = "200px", e.style.width = "470px", d++, d >= n.length && (d = 0)
}, 1800)
})();

这是简单的纯js滑块只需在你的html页面的任何地方通过id（sd）创建一个div来添加你的图像src更改 n = [＆＃34; 2＆＃34;，＆＃34; 3＆＃34;，＆＃34; 4＆＃34;]，带有您的图片路径喜欢 n = [＆＃34; images / car.jpg＆＃34;，＆＃34; 3.jpg＆＃34;，＆＃34; 4.png＆＃34;]，你也可以添加更多的图像，你可以改变图像的宽度和高度 e.style.height =＆＃34; 200px＆＃34;，e.style.width =＆＃34; 470px＆＃34;

......... 现在如何制作滑块我们有多个图像让我们说它的5和所有图像src（路径）都在一个数组上现在滑块显示一个图像作为第一个图像并显示第二个图像它通过数组上的第二个src更改图像的src，如果它在最后一个数组项（数组上的最后一个图像）上，则返回第一个项目（图像src），你可以看到上面的代码:)

制作一个简单的滑块

2 个答案: