que tal forer@s
se que a lo mejor esto puede resultar lo mas sencillo pero no me esta saliendo, les explico:
tengo una galería con una imagen grande y las miniaturas debajo, cuando doy clic en alguna miniatura la imagen grande debe cambiar por la que seleccioné,
tengo este código de las miniaturas en html normal:
Código HTML:
<ul id="thumblist" class="clearfix" >
<li><a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '../images/images_anuncios/uploads/anuncio_14/thumbnail/tn_anuncio_14_1.jpg',largeimage: '../images/images_anuncios/uploads/anuncio_14/anuncio_14_1.jpg'}"><img src='../images/images_anuncios/uploads/anuncio_14/anuncio_14_1.jpg' width="116" height="93"></a></li>
<li><a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '../images/images_anuncios/uploads/anuncio_14/thumbnail/tn_anuncio_14_2.jpg',largeimage: '../images/images_anuncios/uploads/anuncio_14/anuncio_14_2.jpg'}"><img src='../images/images_anuncios/uploads/anuncio_14/anuncio_14_2.jpg' width="116" height="93"></a></li>
<li><a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '../images/images_anuncios/uploads/anuncio_14/thumbnail/tn_anuncio_14_3.jpg',largeimage: '../images/images_anuncios/uploads/anuncio_14/anuncio_14_3.jpg'}"><img src='../images/images_anuncios/uploads/anuncio_14/anuncio_14_3.jpg' width="116" height="93"></a></li>
</ul> Ahí todo bien, ahora las rutas deberán venir dinamicamente desde la bd, entonces tengo esto:
Código PHP:
<ul id="thumblist" class="clearfix" >
<?php
while($row_imgs = mysql_fetch_array($res_imgs,MYSQL_ASSOC)){
$ruta_small="../".$row_imgs['ruta_img_small'];
$ruta_big = "../".$row_imgs['ruta_img_big'];
?>
<li><a class='zoomThumbActive' href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '<?php echo $ruta_small ?>',largeimage: '<?php echo $ruta_big ?>'}"><img src='<?php echo $ruta_big; ?>' width='116' height='93'></a></li>
<?php
</ul>
como lo mencione al dar clic en alguna miniatura se cambia a la imagen que apunta, pero al hacerlo con el codigo php no cambia,
eso lo hace funcionar lo que esta en la propiedad rel:
rel="{gallery: 'gal1', smallimage: '
../images/images_anuncios/uploads/anuncio_14/thumbnail/tn_anuncio_14_1.jpg',largeimage: '
../images/images_anuncios/uploads/anuncio_14/anuncio_14_1.jpg'}"
lo que esta en negritas es lo mismo que lo que yo hago aqui:
$ruta_small="../".$row_imgs['ruta_img_small'];
$ruta_big = "../".$row_imgs['ruta_img_big'];
rel="{gallery: 'gal1', smallimage: '
<?php echo $ruta_small ?>',largeimage: '
<?php echo $ruta_big ?>'}"
pero no toma el valor correspondiente
en cambio la etiqueta src lo hace si problema, ya que si muestra la imagen mini
<img src='
<?php echo $ruta_big; ?>' width='116' height='93'>
pero al dar clic sobre ella no cambia la imagen grande a la que corresponde
no se como hacer para que las rutas que deben ir dentro rel las tome desde php??
espero haberme explicado, gracias