Hola amigos del foro tengo una galeria de imagenes dinamica y la idea es que cuando click en las imagenes miniaturas aparezca la imagen grande en el mismo documento. Para ello uso la libreria jquery-1.5.2.min.js
y la parte del scrpit lo hago asi
Código Javascript
:
Ver original<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript">
$(document).ready (function(){
$("#miniatura li a").click (function(){
url = $(this).attr("href")
$("#visor").attr({src|url})
return false
});
});
</script>
en el body tengo una tabla donde van las imagenes en miniatura asi
Código HTML:
<div class="miniatura" id="miniatura">
<ul>
<?php while($ar = mysql_fetch_array($query3)){?>
<li><a href="<?php echo "../".$ar['path'] ?>"> <img src="<?php echo "../".$ar['path'] ?>" width="60" height="72"> </a></li> <? } ?>
</ul>
</div> visor es el id de un marcador de imagen donde quiero que se muestre la imagen clicada.
Muestra correctamente las imagenes en miniatura pero no muestra la imagen en el marcador de imagen
Cualquier ayuda estaria agradecido!!