Szukam najlepszego sposobu, aby odtwarzać pokaz slajdów tylko wtedy, gdy użytkownik najedzie myszą na obraz (pokaz slajdów zatrzymuje się ponownie, gdy użytkownik przesunie mysz poza obraz).

Poniższe demo zawiera wszystko, czego potrzebuję, ale funkcję hover.

Łączyć zpróbny

Łączyć zdokumentacja

Oto html

<div class="fadein">
<img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
<img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">
<img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">
</div>

i jQuery

 $(function(){
 $('.fadein img:gt(0)').hide();
 setInterval(function(){
 $('.fadein :first-child').fadeOut()
 .next('img').fadeIn()
 .end().appendTo('.fadein');}, 
 3000);
 });

Również szukam najlepszego sposobu na zwiększenie szybkości pokazu slajdów, zmniejszonego o 3000 do 1000 (wskazany przez RUJordan)