Buenos dias,
estoy intentando hacer un pequeño visor de fotos en mi web. Para ello he tomado el codigo que sale en las FAQ. Pero me gustaria que al hacer click sobre cualquiera de las que estan pasando se pare en esa foto... o simplkemente con dejar el raton sobre ella...
Alguna sugerencia?
Muchas gracias
el codigo es:
Código Javascript
:
Ver original<script language="javascript">
//Aquí cambia los nombres de las imágenes por las tuyas.
var imagenes=new Array()
imagenes[0]=new Image (380,288);
imagenes[0].src="tibidabo.jpg"
imagenes[1]=new Image (399,291);
imagenes[1].src="gato.jpg"
imagenes[2]=new Image (248,289);
imagenes[2].src="paloma.jpg"
imagenes[3]=new Image (215,366);
imagenes[3].src="perico.jpg"
cont=0
function presImagen()
{
if (document.all){
document.getElementById('foto').filters.blendTrans.apply()
document.getElementById('foto').src=imagenes[cont].src
document.getElementById('foto').filters.blendTrans.play()
}
else
{
document.images.foto.src = imagenes[cont].src
}
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',5000)
//cada 5000 milisegundos (5 seg.) cambia la imagen.
//cambia la cantidad por el tiempo que quieras que transcurra entre imagen e imagen
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
<img id="foto" src="tibidabo.jpg" style="filter:blendTrans(duration=[b]3[/b])">
<!-- la duración de la transición es de 3 segundos.
Cambia este valor según tus preferencias -->
</body>