Question

我正在使用这个简单的图像旋转器，但我想添加一个前一个按钮。我已经找到了下一个＆＃39;按钮，但回去有困难。以下是代码：view code

对于我刚刚调用的下一个按钮＆＃39; rotate（）;＆＃39;但我无法想象如何修改它以反过来。任何帮助将不胜感激。

Answer 1

基于函数rotate（）我管理了另一个rotate2（）。注意功能结束：新的时间间隔。完整解决方案：http://jsfiddle.net/wt6nc0uz/1/

function rotate2() {    
    //Get the first image
    var current = ($('div.rotator ul li.show')? $('div.rotator ul li.show') : $('div.rotator ul li:first'));

    if ( current.length == 0 ) current = $('div.rotator ul li:first');

    //Get next image, when it reaches the end, rotate it back to the first image
    var prev = ((current.prev().length) ? ((current.prev().hasClass('show')) ? $('div.rotator ul li:last') :current.prev()) : $('div.rotator ul li:last'));


    //Set the fade in effect for the next image, the show class has higher z-index
    prev.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);

    //Hide the current image
    clearInterval(interval);
    current.animate({opacity: 0.0}, 1000, function(){interval=setInterval('rotate2()', 6000);}) .removeClass('show');

};

easy_jquery_auto_image_rotator的上一个按钮

1 个答案: