¿como detener script al posicionar el mouse sobre el?

ccca001 · #1 (**permalink**) 22/10/2004, 09:23

hola, necesito una ayudita con este script, si pueden echarle una miradita por favor, resulta que este script cambia 3 imagenes cada x segundos y al posicionarme con el mouse sobre el la imagen sigue cambiando y yo quiero que se detenga el script, me explico?

alguien puede decirme como lo puedo hacer? ¿agregar o quitar algo?

<script>
var imgn = new Array()
var enlc = new Array()
var indice = 0
var pausa = 3000

imgn[0] = new Image()
imgn[0].src = "sii1.jpg"
enlc[0] = "http://www.sii.cl"

imgn[1] = new Image()
imgn[1].src = "conace.jpg"
enlc[1] = "http://www.conace.cl"

imgn[2] = new Image()
imgn[2].src = "gobchile.jpg"
enlc[2] = "http://www.gobiernodechile.cl"

function rota()
{
if (indice == imgn.length) indice = 0

if (document.images)
{
document.images.fotico.src = imgn[indice].src
}
else
{
document.getElementById('fotico').src=imgn[indice].src
}
indice++
setTimeout('rota()',pausa)
}
function vete()
{
window.open(enlc[indice-1])
}
</script>
<body onLoad="rota()">

SiR.CARAJ0DIDA · #2 (**permalink**) 22/10/2004, 10:45

usa clearTimeout para parar la repeticion.

Carlitos · #3 (**permalink**) 22/10/2004, 11:11

Cita:

/************************************************** ************
Rotador de banners. Por Carlitos. [email protected]
Si usas este script, deja intactas estas líneas (créditos). Vale?
También te agradecería un e-mail con tus comentarios. ([email protected])
Rotador de banners v.1 En fase de experimentación.
************************************************** **************/

Qué parte es la que no has entendido?

Si conservas las líneas de crédito, te digo cómo pararlo.

ccca001 · #4 (**permalink**) 22/10/2004, 11:15

ok, carlitos, ingresare las lineas, te lo prometo, al final ni se por que las saque, pero si me puedes decir como pararlo te lo agradeceria, de todos modos esta muy bueno el script, solo le falta el detalle que estoy pidiendo, ah y ademas si existe la forma (para una version posterior) de que fuerze el tamaño de la imagen a un tamaño x (editable) seria ideal para no tener que estar diseñando la imagen, me entiendes?

Carlitos · #5 (**permalink**) 22/10/2004, 11:29

Código modificado para que pare al poner en puntero del ratón sobre la imágen.

Código:

<script>
/***************************************************************
Rotador de banners. Por Carlitos. [email protected]
Si usas este script, deja intactas estas líneas (créditos). Vale?
También te agradecería un e-mail con tus comentarios. ([email protected])
Rotador de banners v.2 En fase de experimentación.
****************************************************************/
var imgn = new Array()
var enlc = new Array()
var indice = 0
var pausa = 3000

imgn[0] = new Image()
imgn[0].src = "mdw.gif"
enlc[0] = "http://www.maestrosdelweb.com"

imgn[1] = new Image()
imgn[1].src = "faq.gif"
enlc[1] = "http://www.faqsdelweb.com"

imgn[2] = new Image()
imgn[2].src = "script.gif"
enlc[2] = "http://www.webtutorial.com.ar/scriptmaster/"


function rota()
{
if (indice == imgn.length) indice = 0

if (document.images)
{
document.images.fotico.src = imgn[indice].src
}
else
{
document.getElementById('fotico').src=imgn[indice].src
}
indice++
pau = setTimeout('rota()',pausa)
}
function vete()
{
window.open(enlc[indice-1])
}
</script>
<body onLoad="rota()">
<p>
<a href="#" onclick="vete()" onmouseover="clearTimeout(pau)" onmouseout="pau = setTimeout('rota()',pausa)"><img name="fotico"></a>

Esta noche o mañana lo modifico para que se pueda elegir el tamaño de la imágen y lo publicaré aquí mismo.

Un saludete.

ccca001 · #6 (**permalink**) 22/10/2004, 11:33

ok, carlitos, te pasaste y por lo que estaba viendo, solo en mi localhost, lo tengo sin los creditos, ya que en mi ftp, esta completo asi que no te preocupes, sabran de ti cuando alguien vea mi pagina (y su codigo por supuesto).

Carlitos · #7 (**permalink**) 22/10/2004, 11:34

una pregunta: quieres elegir el tamaño igual para todas las fotos?

solución fácil: añade los atributos height y width en la etiqueta img.

ejemplo:

Código:

<img name="fotico" width="100" height="50">

sobra decir que los valores 100 y 50 los cambias por los que tú quieras. Vale?

Carlitos · #8 (**permalink**) 22/10/2004, 11:36

No te preocupes por lo de los créditos.

cuánta gente habrá que utiliza un script hecho por otra persona, y le quita los créditos!...

ccca001 · #9 (**permalink**) 22/10/2004, 11:43

mmm, tienes razon con lo de los tamaños, era facil, je je, muchas gracias...

ccca001 · #10 (**permalink**) 22/10/2004, 11:50

pero de todos modos si quiero que sean distintos tamaños para cada una podrias hacer caso de mi recomendacion porque no necesariamente tienen que ser 3 fotos distintas, sino que la misma foto agrandandose o etc, me entiendes cierto?

de todos modos muy bueno...

Carlitos · #11 (**permalink**) 22/10/2004, 11:52

Bien. Las modificaciones esta noche o mañana.

Un saludete.