jQuery幻灯片循环如果

时间:2015-08-30 11:31:20

标签: javascript jquery html css slideshow

我前几天在这里问了一个关于我的jQuery图像滑块问题的问题。问题已得到解决。但是我在幻灯片中循环播放图像时遇到了问题。我正在尝试创建一个if语句,如果用户在第一个图像上点击后退按钮然后它跳转到最后一个图像,如果用户在最后一个图像上点击前进按钮,它会跳转到第一张图片。

这是jsFiddle

这是图像滑块的jQuery,我试图创建if语句但是,我不知道从哪里开始。

    $(".slideshow > div:last").show();
$(".left").click(function(){
var $active = $('.slideshow .active');
$('.active')
    .fadeOut(500)
    .removeClass('active')
    .prev()
    .addClass('active')
    .fadeIn(500);

});

$(".right").click(function(){
var $active = $('.slideshow .active');
$('.active')
    .fadeOut(500)
    .removeClass('active')
    .next()
    .addClass('active')
    .fadeIn(500);
    if(".slideshow > div:last") {
        $("");
    }

});

感谢anyhelp。

0 个答案:

没有答案