Jquery HTML CSS Slider问题

Question

我正在尝试使用此站点的演示：http://slidesjs.com/#overview 并尝试在页面上实现两个滑块。我正在自定义链接演示。 因为我使用两个不同的滑块：slider1 和 slider2 具有不同的 css 所以我将 global.css 用于滑块 1，并为滑块 2 创建了 text.css。

我注意到js: slides.min.jquery.js 文件将css 元素用于类似的类 slides_container、next、prev。所以我创建了另一个js :slider.text.jquery.js 将 css 内容替换为：slides_containerT、nextT、prevT，根据 text.css。 但代码不起作用。请帮助我，因为我的项目将于下周一到期。

您能否建议我如何修改slides.min.jquery.js 以便它 采用 global.css 和 text.css 元素来创建分页。

干杯， 帕姆

Answer 1

您可以在一页中定义多张幻灯片，而无需像您创建的那样创建slider.text.jquery.js 文件。 并根据#slider2 制作您的第二个滑块样式。

$(function(){
    $('#slider1').slides({
        generateNextPrev: true,
        play: 2500
    });
    $('#slider2').slides({
        generateNextPrev: true,
        play: 4500
    });
});