2012-03-23 6 views

答えて

1

これは4つの画像をすべて循環します。私はあなたがイメージのサイクルを止めるために他のホバリングを止めるときに達成しようとしていたことを確信していません。ここでは、デモ作業

/* FOR PEOPLE LIST ITEMS */ 
$(".box a").hover(
    function() { 
     var self = $(this); 
     self.data("hover", true); 
     function flip() { 
      var top = self.closest(".box"); 
      var next = top.find(".current").next("img"); 
      if (!next.length) { 
       next = top.find("img:first"); 
      } 
      top.find("img").hide().removeClass("current"); 
      next.addClass("current").show().flip({ 
       direction:'tb', 
       speed: 200, 
       onEnd: function(){ 
        if (self.data("hover")) { 
         setTimeout(flip,500); 
        } else { 
         top.find(".hidden").fadeOut("slow"); 
         top.find(".active").fadeIn("slow"); 
        } 
       } 
      }) 
     } 
     flip(); 

    }, 
    function() { 
     $(this).data("hover", false); 
    } 
); 

:そのゴナ・ショー最初の画像を置くとhttp://jsfiddle.net/jfriend00/hQnXm/

+0

は可能ですか? – test

+1

@Mercury - ホバリングをやめたときにオリジナルの最初のイメージを戻すように更新しました。私はHTMLを少し修正して(一部のクラスを変更して)その作業を行いました。答えにはデモのリンクがあります。 – jfriend00

+0

ありがとう!すごい! – test

関連する問題