Ciao,
ho questo piccolo problema
questo è il codice nell'head:
questo è il codice nel body:
in quanto ho una immagine (che chiamo per convenzione miniatura) dove passandoci sopra si apre una nuova finestra con la stessa immagine zoomata (che chiamo per convenzione ingrandita); sotto a tutto questo ci sono 3 img, vorrei fare in modo che cliccando su una di queste img (anche se per comodità ancora non fatto questo ma mi sono concentrato solo su img2), si modificano sia miniatura che ingrandita; ma mentre riesco a modificare miniatura correttamente lo stesso non vale per ingrandita in quanto passando sopra alla miniatura vedo l'img ingrandita dell'immagine predefinita.
ho questo piccolo problema
questo è il codice nell'head:
HTML:
jQuery(function($){
/***applico effetto zoom***/
$('a.zoom').easyZoom({
parent: '#container'
});
/**facendo click su questo div faccio in modo di cambiare sia
l'img del div dove è contenuto lo zoom sia del div in miniatura***/
$("#foto2").click(function(e){
var x=$("#foto2").attr('src');
$("a.zoom").attr("href", 'img/logo.png');
$('#oo').attr('src', x);
e.preventDefault();
});
});
questo è il codice nel body:
HTML:
echo "<div id='' style='position:relative; float:left;margin:20px; width:500px;'>";
echo "<a href='' class='zoom' id='rif'><img src='foto/$foto1' style='width:379px; height:253px;border:1px solid silver;' id='oo' /></a>";
echo "</div>";
?><div id='sotto_scarpe'><?php
echo "<a href='foto/$foto1' ><img src='foto/$foto1' style='width:125px; border:1px solid silver;' id='foto1'/></a>";
echo "<a href='foto/$foto2' ><img src='foto/$foto2' style='width:125px;border:1px solid silver;' id='foto2'/></a>";
echo "<a href='foto/$foto3' ><img src='foto/$foto3' style='width:125px;border:1px solid silver;' id='foto3' /></a>";
?>
</div><?php
echo "<div>";
in quanto ho una immagine (che chiamo per convenzione miniatura) dove passandoci sopra si apre una nuova finestra con la stessa immagine zoomata (che chiamo per convenzione ingrandita); sotto a tutto questo ci sono 3 img, vorrei fare in modo che cliccando su una di queste img (anche se per comodità ancora non fatto questo ma mi sono concentrato solo su img2), si modificano sia miniatura che ingrandita; ma mentre riesco a modificare miniatura correttamente lo stesso non vale per ingrandita in quanto passando sopra alla miniatura vedo l'img ingrandita dell'immagine predefinita.