Hacer pausa para este 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>

[Pablo Ayala]

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

Código Javascript:

$(document).ready(function() {
              parar = 0;
              animate();
              setInterval("animador()",13000);            
            });
 
            function animate() {
                $('#cont_foto_1').fadeIn("slow").html("<img src='imagenes/close.gif' />").delay(10000).fadeOut("slow");
            }   
            
            
            function animador(){
                alert(parar);
                if (parar == 0){
                    animate();
                }
            }
 

[mensajeescrito]

Ante todo muchas gracias por programarme la solucion,

pero no funciona, lo que me sale justo al cambiar una imagen por otra es un mensaje

en una ventanita emergente del navegador que me dice "0" o "1" segun me ponga encima de la imagen o no, solo eso pero no pausa nada

Respecto a tu peticion de si iba a responder algo en el foro, que lo hiciera con amabilidad, no lo entiendo¿?, en todo momento me he dirigido a todos con mucha educación, es mas ofreciendo mi codigo como granito humilde de arena para colaborar con este estupendo foro.

[Pablo Ayala]

hola... jejeje
Se me olvido quitarle el "alert"
Como vi que usas jquery, pensé que lo detectarías....


En lugar de usar el "load" que tu usas, yo puse un "html", por que no tengo la pagina que carga las imágenes aleatoriamente...

Tendrias que modificarlo....
Es solo para que te des una idea...

El mensaje no es específicamente para ti... es la firma de mis anuncios...
jojojojo


Saludos

[mensajeescrito]

Hola Pablo Ayala, va queriendo salir pero le queda muy poco para que funcione bien,

me estoy guiando por lo que me aconsejaste, le quite la linea "alert(parar);"

que me dijiste, pero 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.

[Pablo Ayala]

Hola... te explicaste perfectamente...
Tienes toda la razón... cuando pones el cursor encima ya no aparece la imagen y aparece nuevamente cuando quitas el cursor...

Pero.. sabes cual es el problema, esto:

Código Javascript:

$('#cont_foto_1').fadeIn("slow").html("<img src='imagenes/close.gif' />").delay(10000).fadeOut("slow");
 

En esa linea de codigo dice:
1. Mostrar imagen
2. Ocultar

Debería ser lo contrario:
1. Ocultar imagen
2. Mostrar imagen

Me explico?

Saludos

[mensajeescrito]

Es cierto!! ahora si funciona perfectamente. Eres un maquina !!! ))

Falta solo un detalle para que sea genial del todo. Veras, si quisiera tener dos imagenes aleatorias A y B, cada una de ellas con este mismo codigo , para así poniendome encima de A con el cursor, o encima de la imagen aleatoria B,

haciendo asï una pausa o bien en una o en otra , deduzco que cada una de las imagenes A y B , tendria que llevar el codigo que hemos hablado hasta ahora.

Pero haciendo pruebas aqui en casa si pongo el codigo en una sola imagen aleatoria , funciona.

Pero si pongo el codigo en 2 imagenes aleatorias no va ni la A ni la b, deduzco que tendria que renombrar alguna variable o nombre de funcion o algo asi , podrias ayudarme en eso te paso el codigo:

Por cierto, me siento en deuda contigo, yo me defiendo con html y css, tambien en photoshop si tienes alguna duda en esos campos cuenta conmigo


te paso el codigo:


<script>

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

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


function animador(){
<!--alert(parar);-->
if (parar == 0){
animate();
}
}

</script>

[Pablo Ayala]

Hola muchas gracias!!!

Creo que debería estar así:

Código HTML:

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

Código Javascript:

<script>
 
$(document).ready(function() {
parar = 0;
detener = 0;
animate();
setInterval("animador()",13000); 
});
 
function animate() {
$('#cont_foto_1').fadeOut("slow").load('random_fot os_2/mini_random_fotos.php #random_foto_1a').delay(10000).fadeIn("slow");
} 
 
function animateb() {
$('#cont_foto_2').fadeOut("slow").load('random_fot os_2/mini_random_fotos.php #random_foto_1a').delay(10000).fadeIn("slow");
} 
 
 
function animador(){
<!--alert(parar);-->
if (parar == 0){
 animate();
}
if (detener == 0){
 animateb();
}
}   
 
</script>
 

Saludos!

[mensajeescrito]

Mil gracias por tu gran ayuda, me ha servido de mucho he aprendido y encima me has solucinado el problema.

Me siento en deduda contigo, si alguna vez puedo orientarte en algo de lo que yo sepa cuenta conmigo.

Un saludo