Tengo un Carrusel de Imágenes (librería Skitter de Jquery). El Carrusel trabaja con UL, y en cada LI a través de PHP llamo al contenido del campo "imagen_thumb" (que es una ruta hacia una imágen miniatura) de mi BD. Con el While me aseguro de que se repitan los LI necesarios por cada registro "imagen_thumb" en mi base de datos. Hay un campo llamado "imagen_completa" que tiene, valga la redundancia, la ruta a la imagen en un tamaño completo.
Este es un ejemplo simplificado de mi código:
Código PHP:
Ver original
<div class="slider"> <ul> <li> <img src="<?php echo $registro2['imagen_thumb']; ?>"/> </li> <?php } ?> </ul> </div>
En la misma página del carrusel mas abajo, tengo un DIV vacío donde quiero hacer lo siguiente:
Quiero que cuando el usuario haga click en alguna imagen del carrusel (es decir, en algún LI), se cargue en ese DIV la imagen completa correspondiente (es decir, algo como $registro2['imagen_completa']).
Es decir, que si en mi carrusel por ejemplo hay una imágen de un avión y otra de un carro y se le haga click al avión, se cargue la imagen completa del avión en ese DIV; y si se le hace click al carro de la galería, se cargue la imagen completa del carro en ese DIV.
¿Cómo podría hacer eso?
Mil gracias por todo, y por tomarte tu tiempo en leer mi post!
Gracias!!