|
Título: [JS + PHP] Duda con imágenes y Carrusel! Publicado por: KlaHavoK en 16 Agosto 2013, 20:33 pm 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
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!! Título: Re: [JS + PHP] Duda con imágenes y Carrusel! Publicado por: 1mpuls0 en 16 Agosto 2013, 23:06 pm 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). Título: Re: [JS + PHP] Duda con imágenes y Carrusel! Publicado por: KlaHavoK en 19 Agosto 2013, 22:50 pm Darhius, podrías explicarme detalladamente paso a paso cómo hacer esto?
Te lo agradecería infinitamente. Saludos! Título: Re: [JS + PHP] Duda con imágenes y Carrusel! Publicado por: 1mpuls0 en 19 Agosto 2013, 23:15 pm 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. |