3

jsfiddle をしてください: http://jsfiddle.net/Snp7F/2/

次のボタンをクリックすると完全に機能します(現在の画像が左にスライドし、次の画像がスライドインします)が、前のボタンをクリックすると機能しますが、セット内の前の画像にスライドしません。

何が間違っているのかわかりません。誰か助けてもらえますか?

コードは次のとおりです。

$.carousel = function(obj){
var width = $(obj).find('ul').find("li:first").outerWidth();

$(obj).find('.slider_prev').click(function() {
   if($(obj).find('li').length > 1) {
       $(obj).find('ul').animate({marginLeft:326},750,function(){
            $(this).find("li:last").after($(this).find("li:first"));
            $(this).css({marginLeft:0});
       })
   }               
   return false;
});
$(obj).find('.slider_next').click(function() {
   if($(obj).find('li').length > 1) {
        $(obj).find('ul').animate({marginLeft:-326},750,function(){
            $(this).find("li:last").after($(this).find("li:first"));
            $(this).css({marginLeft:0});
        })
   }
   return false;
}); 
}
$.carousel('#slider_1');​
4

1 に答える 1

0

いつでも、実際に表示している画像の左右に画像があるはずです。ロジックを更新して、3 番目のli.

于 2012-11-27T00:39:32.057 に答える