Ich suche nach der besten Möglichkeit, eine Diashow nur dann wiederzugeben, wenn ein Benutzer mit der Maus über das Bild fährt (die Diashow wird wieder angehalten, wenn der Benutzer die Maus außerhalb des Bildes bewegt).

Die Demo unten macht alles, was ich brauche, außer die Hover-Funktionalität.

Link zuDemo

Link zuDokumentation

Hier ist das 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>

und jQuery

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

Ich bin auch auf der Suche nach dem besten Weg, um die Geschwindigkeit der Diashow zu erhöhen, von 3000 auf 1000 verringert, (darauf hingewiesen von RUJordan)