javascript简单幻灯片

我希望我的滑块在“幻灯片3”之后显示“幻灯片1”，而不是在“幻灯片3”之后强制使用“返回”或“上一步”按钮。我是一个javascript漏洞，所以我想知道是否有人能帮我一下；）

我想知道如何使这一个100%的宽度，使其或多或少的响应：）

$（文档）.ready（函数（）{
//上面的代码在这里
var sliderWidth=1280；
变量滑块=$（“#slidemain”）；
var sliderCount=$（'div'，slider）.length；
滑块宽度（滑块计数*滑块宽度）；
var currentSlide=1；
$（'a.prev1'）。单击（函数（）{
如果（当前幻灯片>1）{
$（“#SlideMain”）。设置动画({
左：'+='+滑块宽度
}, 700);
电流滑动-=1；
}
});
$（'a.next1'）。单击（函数（）{
如果（当前幻灯片<幻灯片计数）{
$（“#SlideMain”）。设置动画({
左：'-='+滑块宽度
}, 700);
电流滑动+=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;
           }
   });
});

$（文档）.ready（函数（）{
//上面的代码在这里
var sliderWidth=$（window）.width（）；//获取浏览器窗口的宽度
变量滑块=$（“#slidemain”）；
var sliderCount=$（'div'，slider）.length；
滑块宽度（滑块计数*滑块宽度）；
var currentSlide=1；
$（'a.prev1'）。单击（函数（）{
如果（当前幻灯片>1）{
$（“#SlideMain”）。设置动画({
左：'+='+滑块宽度
}, 700);
电流滑动-=1；
}
});
$（'a.next1'）。单击（函数（）{
如果（当前幻灯片<幻灯片计数）{
$（“#SlideMain”）。设置动画({
左：'-='+滑块宽度
}, 700);
电流滑动+=1；
}
其他的
{
$（'#slidemain'）。动画（{left:'+='+（2*sliderWidth）}，1）；
currentSlide=1；
}
});
});

这是一个插件吗？如果是，哪个？@RyanS这是我在互联网上找到的一个简单插件。这是一个简单的内容滑块，我找到并使用它简单地滑入一些文本以显示例如客户推荐信，但是我正在尝试代码，不知怎的，“prev”按钮不再起作用。我们需要知道滑块插件的名称。对不起，我不知道。我在stack overflow上找到它，并将其调整到我的网站。没有为这一个安装插件。好的，没有插件就没有一个简单的内容滑块。您应该检查页面中是否有类似的内容：“”我听到了，但我的html页面中只有指向jquery的链接和上面的代码。

$(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;
           }
   });
});