Hacer pausa para codigo que funciona

[mensajeescrito]

Hola que tal todos, verán necesito hacer una pausa en el siguiente codigo que les

pongo (y que funciona perfectamente para todo el que lo quiera utilizar )

El codigo lo que hace es cargar una imagen aleatoria cada "x" segundos, sustituyendo se una por otra .

Lo que necesitaría es que al poner el cursor del ratón encima de la foto, esta no cambiase por otra hasta que quitase el cursor del raton de encima de ella.

Este es el codigo, muchas gracias de antemano:


<script>

$(document).ready(function() {

function animate() {
$('#cont_foto_1').fadeIn("slow").load('random_foto s/mini_random_fotos.php #random_foto').delay(10000).fadeOut("slow");
}

animate();
setInterval(animate, 13000);
});

</script>

[IsaBelM]

tendrás que usar el evento onmouseover, que limpia el intervalor (clearInterval) y onmouseout empieza el intervalo (setInterval)

[mensajeescrito]

Hola buenas, gracias por tu orientación para solucionar el problema.

En el foro me han ayudado tambien pero tengo algo que no funciona del todo.

Lo que ocurre es que cuando me pongo encima de la imagen aleatoria con el cursor, cuando intenta sustituirse por otra imagen aleatoria, se queda el espacio en blanco, sin nada, y cuando quito el cursor del raton aparece ya otra imagen aleatoria.

Lo optimo seria que la imagen se mantenga indefinidamente con el cursor encima hasta que le quite el cursor y ya si se sustituya por otra imagen aleatoria.

Espero no haberte liado explicandome.

Puedes ayudarme? un saludo y gracias de antemano.


<div id="cont_foto_1" onmouseover='parar = 1' onmouseout='parar=0'></div>

<script>

$(document).ready(function() {
parar = 0;
animate();
setInterval("animador()",13000);
});

function animate() {
$('#cont_foto_1').fadeIn("slow").load('random_foto s_2/mini_random_fotos.php #random_foto_1a').delay(10000).fadeOut("slow");
}


function animador(){
alert(parar);
if (parar == 0){
animate();
}
}

</script>