Script anhalten, bei Hover Script laufen lassen

matthiasschnueriger

Erfahrenes Mitglied
Ich verwende das jQuery Cicle Plugin.
Es gibt da zwar diverse Demos, allerdings keine bei der die Galerie zu Beginn noch nicht läuft. Und genau das möchte ich haben. Erst bei einem allfälligen "Hover" sollte die Galerie zu laufen beginnen.

Das Script gibt die Möglichkeit von sogenannten "commands" (pause, resume), die ich auch verwende. Mein Script funktioniert momentan genau verkehrt, d.h. es läuft und bei einem Hover stoppt die Galerie. Wie kann ich das ändern? Danke euch!

HTML:
<script type="text/javascript">


$(function() {


   $('.slides').cycle({

		fx: 'curtainX',
		speed: 30,
		timeout:200,
		sync:false,	
		
	});
	
	    $('.thumb').hover(
		
			   function() { $('.slides').cycle('pause'); },
			   function() { $('.slides').cycle('resume'); }

		    );
			

});


</script>
 
Hi,

um das PlugIn beim Starten pausierend anzuzeigen, kannst du nach dem Initialisieren die entsprechende Anweisung ausführen.

Um das Sliden beim Überfahren mit der Maus zu starten und beim Verlassen wieder zu stoppen, musst du lediglich die beiden Anweisungen innerhalb der toggle-Methode zu tauschen.
Code:
$(function() {
  $('.slides').cycle({
    fx: 'curtainX',
    speed: 500,
    timeout:200,
    sync:false
  });
  $('.slides').cycle('pause');

  $('.thumb').hover(
    function() { $('.slides').cycle('resume');},
    function() { $('.slides').cycle('pause');}
  );
});
Ciao
Quaese
 
Zurück