Question

我希望我的滑块在“幻灯片3”之后显示“幻灯片1”，而不是在“幻灯片3”之后，您被迫使用返回或上一个按钮。我是一个javascript泄漏，所以我想知道是否有人可以帮助我一秒钟;）

我想知道如何使这个宽度达到100％，所以它或多或少都有响应:)

$(document).ready(function() {
     // Your code from above goes here
       var sliderWidth = 1280;
       var slider = $('#slidiemain');
       var sliderCount = $('div', slider).length;
       slider.width(sliderCount * sliderWidth);

       var currentSlide = 1;

       $('a.prev1').click(function () {
           if (currentSlide > 1) {
               $('#slidiemain').animate({
                   left: '+=' + sliderWidth
               }, 700);
               currentSlide -= 1;
           }
       });

        $('a.next1').click(function () {
            if (currentSlide < sliderCount) {
                $('#slidiemain').animate({
                   left: '-=' + sliderWidth
               }, 700);
               currentSlide += 1;
           }
   });
});

Answer 1

我不熟悉您正在使用的幻灯片插件，但这应该有效：

$(document).ready(function() {
     // Your code from above goes here
       var sliderWidth = $( window ).width(); // Get the width of browser window
       var slider = $('#slidiemain');
       var sliderCount = $('div', slider).length;
       slider.width(sliderCount * sliderWidth);

       var currentSlide = 1;

       $('a.prev1').click(function () {
           if (currentSlide > 1) {
               $('#slidiemain').animate({
                   left: '+=' + sliderWidth
               }, 700);
               currentSlide -= 1;
           }
       });

        $('a.next1').click(function () {
            if (currentSlide < sliderCount) {
                $('#slidiemain').animate({
                   left: '-=' + sliderWidth
               }, 700);
               currentSlide += 1;
           }
           else 
           {
                $('#slidiemain').animate({left: '+=' + (2*sliderWidth)}, 1);
                currentSlide = 1;
           }
   });
});

javascript简单的幻灯片

1 个答案: