Mettre en pause et reprendre l'animation jquery?

Question

est ici un violon:

http://jsfiddle.net/vBt5E/

Je veux faire une pause et une animation réactivez jquery défilement sans fin sur le vol stationnaire, sans sauts étranges.

html comme ceci:

<div id="vertical-carousel"> 
    <div class="imagecolumn"> 
     <a href="#"><img src="http://placekitten.com/200/120" width="200" height="120"></a> 
     <a href="#"><img src="http://placekitten.com/200/100" width="200" height="100"></a> 
     <a href="#"><img src="http://placekitten.com/200/80" width="200" height="90"></a> 
    </div> 
</div> 
​ 

javascript

comme ceci:

var imageColumn = $('.imagecolumn'); 

origColumnHeight = imageColumn.height(); 

$(document).ready(function() { 

    var columnDupe = imageColumn.contents() 
           .clone() 
           .addClass('dupe') 
           .appendTo(imageColumn); 

    function scrollColumn() { 
     imageColumn.css({'top': '0'}) 
        .animate({top: -origColumnHeight},15000, 'linear', scrollColumn); 

    } 

    scrollColumn(); 
}); 

Je sais que cela a été demandé sous une forme différente, mais avant les différentes réponses ne fonctionnent pas pour moi. Je regardais Tobia Conferto's "Pause" plugin et ne pouvais pas le faire fonctionner. Ditto this one, qui est censé être même Brugière.

S'il vous plaît poster un violon de travail si vous le pouvez, cela aide vraiment. Merci!

Answer 1

Utiliser le plugin "Pause", vous pouvez le faire fonctionner en procédant comme suit:

$(".imagecolumn").hover(function() { 
    $(this).pause(); 
}, function() { 
    $(this).resume(); 
}); 

Exemple: http://jsfiddle.net/charlescarver/vBt5E/1/

Assurez-vous d'inclure le plug-in sur votre page! https://raw.github.com/tobia/Pause/master/jquery.pause.min.js

_{post-scriptum Je préfère PlaceDog.}