Javascript Jquery HTML CSS滑块问题

我正在尝试使用此站点的演示： 并尝试在一个页面上实现两个滑块。我正在定制链接演示。 因为我使用两个不同的滑块：具有不同css的滑块1和滑块2 所以我使用global.css作为slider-1，并为slider-2创建text.css

我注意到，

js:slides.min.jquery.js

文件使用了

css

元素来创建类，比如

幻灯片\u容器

，

下一步

，

上一步

。因此，我创建了另一个

js:slider.text.jquery.js

根据

text.css将css内容替换为：
slides\u containerT
，
nextT
，
prevT
。
但代码不起作用。请帮助我，因为我的项目下周一到期

您能建议我如何修改
slides.min.jquery.js
，以便
使用
global
.css和
text.css
元素创建分页

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

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

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

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