Sobre imagen.src=......

jorgivaz · #1 (**permalink**) 08/10/2005, 12:41

Hola me gustaria hacer una serie de imagenes en miniatura que cuando se pulsara sobre ellas apareciera en grande en un marcador de posicion que quiero que este arriba de las miniaturas.

He hecho lo siguiente:

Código HTML:

<html>
<head>
<title>Prueba</title>
</head>
<body>
<table width="100%" border="0" cellpadding="00" cellspacing="0">
  <tr>
    <td><div align="center"><img src="" alt="imagen" name="imagen" width="500" height="375" id="imagen"></div></td>
  </tr>
  <tr>
    <td><div align="center">
<script>
function cambiar(var ruta){
	document.imagen.src=ruta;
}
</script>
	<a href="javascript:cambiar(fotos/000_0922.JPG);"><img src="fotos/000_0922.JPG" width="100" border="0"></a></div></td>
  </tr>
</table>
</body>
</html>

pero no me funciona, no se donde me puedo haber equivocado, tampoco se demasiado javascript.

JavierB · #2 (**permalink**) 08/10/2005, 13:00

Hola jorgivaz

Tienes que quitar la palabra var de la función:

function cambiar(ruta){
document.imagen.src=ruta;
}

También te recomiendo poner el nombre de la foto entre comillas (<a href="javascript:cambiar('fotos/000_0922.JPG');">) y poner el código JavaScript entre las etiquetas <head>

Saludos,

jorgivaz · #3 (**permalink**) 08/10/2005, 13:06

Hola, ya me funciona, muchas gracias, ahora tengo el siguiente problema:

Código HTML:

<img src="fotos/000_0922.JPG" name="a1" width="100" height="75" border="0" class="alpha" id="a1" onMouseOver="a1.class='alpha2'">

donde aplha y alpha2 los he definido como:

Código HTML:

<style type="text/css">
<!--
.alpha {
FILTER: Alpha (Opacity=50);
}
.alpha2 {
FILTER: Alpha (Opacity=100);
}
-->
</style>

para el primer alpha me funciona, pero después en el onMouseOver, no me funciona.

A que puede ser debido ???

JavierB · #4 (**permalink**) 08/10/2005, 13:08

Hola de nuevo.

Tienes que ponerlo así:

onMouseOver="this.className='alpha2'">

Saludos,

P.D. Un saludete para caricatos

jorgivaz · #5 (**permalink**) 08/10/2005, 13:13

Muy agradecido.

Algun link donde se explique como puedo hacer una secuencia de imagenes ???

caricatos · #6 (**permalink**) 09/10/2005, 02:08

Cita:

Iniciado por JavierB

...Tienes que ponerlo así:

P.D. Un saludete para caricatos

¡Je, je!... me imagino el porqué del saludete... ¡Lo mismo pa' tí

!

Hola jorgivaz:

No sé si te puede servir este enlace: http://www.pepemolina.com/imagenes/

Saludos