[JS + PHP] Duda con imágenes y Carrusel!

Iniciado por KlaHavoK, 16 Agosto 2013, 20:33 PM

0 Miembros y 1 Visitante están viendo este tema.

KlaHavoK

Hola a todos! Vengo a pedirles una ayudita!

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) [Seleccionar]
<div class="slider">
  <ul>
<?php while($registro2=mysql_fetch_array($result2)){ ?>
<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!!

1mpuls0

Utiliza jquery para crear una función junto con ayuda de php.

Cuando cargues las fotos coloca el id correspondiente a la imagen en la propiedad id (ya sea en la etiquta img o en la generada por Skitter).
Además cada imagen debe tener el evento onclick la cual llevará a la función de jquery.

Cuando se hace clic en el thumbnail se ejecuta la función de jquery pero para eso tendrás que pasar por parámetro el id correspondiente a la imagen.

*La función de jquery hará la petición a .php y el resultado se cargará en el div (esto lo indicas en la función de jquery).
abc

KlaHavoK

Darhius, podrías explicarme detalladamente paso a paso cómo hacer esto?
Te lo agradecería infinitamente.
Saludos!

1mpuls0

Sube el código que tienes hecho, para ayudarte a modificarlo, no olvides colocar los js de la librería o su url en internet.

Saludos.
abc