Question

我尝试在页面上使用相同的幻灯片两次但不起作用。只有先行。复制html时，图像不会出现在第二个滑块中。

代码

$(function(){
        $('#slides2').slides2({
            preload: true,
            preloadImage: 'img/loading.gif',
            play: 0,
            pause: 2500,
            hoverPause: true,
            animationStart: function(current){
                $('.caption').animate({
                    bottom:-35
                },100);
                if (window.console && console.log) {
                    // example return of current slide number
                    console.log('animationStart on slide: ', current);
                };
            },
            animationComplete: function(current){
                $('.caption').animate({
                    bottom:0
                },200);
                if (window.console && console.log) {
                    // example return of current slide number
                    console.log('animationComplete on slide: ', current);
                };
            },
            slidesLoaded: function() {
                $('.caption').animate({
                    bottom:0
                },200);
            }
        });
    });

Answer 1

您发布的滑块插件的代码中不存在函数slides2。只需再次使用slides即可。在另一个具有不同ID的元素当然。这就是我试图通过对你的问题的评论来找到的。

首先你可以使用：

 $('#slides1').slides({

然后第二次使用：

$('#slides2').slides({

滑块在同一页面上不能工作两次

1 个答案: