jquery cycle

[_rulo]

Hola a todos,

Quiero estoy haciendo un slideshow con jquery y me gustaría hacer que cuando el usuario haga click en la imagen el slide se detenga, y que cuando vuelva a clickear continúe el slide.

Se que es con cycle (pause) y cycle (resume).

Pero como soy novato en javascript no se como hacer el código javascript para que haga lo que arriba explique.

Les dejo el código de lo que estoy haciendo

Código:

<div id="slide" style="display:none;">
<img src="imagenes/casas_peste/1.jpg" />
<img src="imagenes/casas_peste/2.jpg" />
<img src="imagenes/casas_peste/3.jpg" />
<img src="imagenes/casas_peste/4.jpg" />
<img src="imagenes/casas_peste/5.jpg" />
<img src="imagenes/casas_peste/6.jpg" />
<img src="imagenes/casas_peste/7.jpg" />
<img src="imagenes/casas_peste/8.jpg" />
<img src="imagenes/casas_peste/9.jpg" />
<img src="imagenes/casas_peste/10.jpg" />
<img src="imagenes/casas_peste/11.jpg" />
<img src="imagenes/casas_peste/12.jpg" />
<img src="imagenes/casas_peste/13.jpg" onload="slideshow();"/>
</div>

<script type="text/javascript" charset="utf-8">
 
       $("#contenedor").fadeIn("slow");
       
       function slideshow () {
	  	  $('#slide').fadeIn('slow');
          $('#slide').cycle({timeout:4000});};  

</script>

Gracias

[venkman]

Mira este ejemplo:
http://malsup.com/jquery/cycle/resume.html

[JavierB]

Mensaje movido al foro de Frameworks desde Javascript.

Saludos,

[_rulo]

venkman, gracias.
Lo ví, en el caso del ejemplo hay dos botones diferentes.
En mi caso sería la misma foto el botón.
Al menos esa es la idea para no agregarle más botones.

Se te ocurre como puede ser?

[venkman]

Quizá algo así:

Código javascript:

var funcionando = true;
$('#slide').click(function() { 
    if (funcionando) {
        $('#s1').cycle('pause');
    } else {
        $('#s1').cycle('resume', true);
    }
    funcionando = !funcionando;
});
 

También podrías usar la opción de "pause on hover" que tiene el propio script. En lugar de al hacer click, se pausa mientras está el ratón encima.

Código javascript:

$('#slide').cycle({timeout:4000, pause: true});
 

[_rulo]

buenisimo lo del hover!
lo hice así

muchas gracias venkman