Ver Mensaje Individual
  #5 (permalink)  
Antiguo 21/06/2012, 20:43
betodaniel61
Usuario no validado
 
Fecha de Ingreso: abril-2009
Ubicación: Buenos Aires
Mensajes: 413
Antigüedad: 15 años
Puntos: 3
Respuesta: data-zoomsrc dn onmouseover

Cita:
Iniciado por fjrueda Ver Mensaje
Le ayudo con otra parte del codigo ... pero usted tambine tiene que intentarlo para que entienda, prueba y error.

Código HTML:
<script>
function pasarZoom(nombreImg)
{
    //Variable de minizacion
    var tagImg = document.getElementById('imagen_mayor ');

    //asignacion de valor al atributo src de la etiqueta "img"
    tagImg.src = nombreImg;

    //asignamos un atributo a la etiqueta "img" y su valor respectivo
    tagImg.setAttribute("data-zoomsrc", nombreImg);
}
</script> 

<td width="64" height="41" align="center">
    <img src="<?php echo $foto1 ?>" width="68" height="35" alt="01" onmouseover="pasarZoom('<?php echo $foto1 ?>')" /></td>
<td width="64" align="center">
    <img src="<?php echo $foto2 ?>" width="68" height="35" alt="02" onmouseover="pasarZoom('<?php echo $foto2 ?>')" /></td>

<td height="295" colspan="9"><img name="imagen_mayor" width="400" height="400" id="imagen_mayor"/></td> 
Creo que asi ya tiene que funcionarle, modifiquile, hagas pruebas y me cuenta.
Si puede cuelguelo en algun servidor donde yo pueda mirar que lo esta sucediendo con su aplicacion.
no funciona
yo lo que necesito es que cuando se pase el mouse por la foto grande que aparezca el zoom con relacion de foto

---------------------ESTAS SON LAS FOTOS PEQUEÑAS
<td width="64" height="41" align="center"><img src="<?php echo $foto1 ?>" width="68" height="35" alt="01" onmouseover="pasarZoom('<?php echo $foto1 ?>')" /></td>

<td width="64" align="center"><img src="<?php echo $foto2 ?>" width="68" height="35" alt="02" onmouseover="pasarZoom('<?php echo $foto2 ?>')" /></td>

--------------------------ESTA ES LA FOTO GRANDE QUE APARECE CUANDO SE SELECCIONE UNA PEQUEÑA FOTO
<td height="295" colspan="9"><img name="imagen_mayor" width="400" height="400" id="imagen_mayor"/></td>
[/HTML]

LO QUE QUIERO ES QUE CUANDO SE PASE EL MOUSE POR LA FOTO GRANDE QUE AHI HAGA EL ZOOM SEGUN LA FOTO QUE SE MUESTRE EN IMAGEN_MAYOR

gracias