elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Entrar al Canal Oficial Telegram de elhacker.net


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [JS] Duda con imágenes y Carrusel!
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [JS] Duda con imágenes y Carrusel!  (Leído 3,244 veces)
KlaHavoK

Desconectado Desconectado

Mensajes: 8



Ver Perfil
[JS] Duda con imágenes y Carrusel!
« en: 16 Agosto 2013, 04:48 am »

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
  1. <div class="slider">
  2.   <ul>
  3. <?php while($registro2=mysql_fetch_array($result2)){ ?>
  4. <li>
  5. <img src="<?php echo $registro2['imagen_thumb']; ?>"/>
  6. </li>
  7. <?php } ?>
  8. </ul>
  9. </div>
  10.  

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!!







« Última modificación: 16 Agosto 2013, 04:56 am por KlaHavoK » En línea

z3nth10n


Desconectado Desconectado

Mensajes: 1.583


"Jack of all trades, master of none." - Zenthion


Ver Perfil WWW
Re: [JS] Duda con imágenes y Carrusel!
« Respuesta #1 en: 18 Agosto 2013, 12:49 pm »

Siempre puedes probar esto y adaptarlo:

http://www.mediafire.com/?x3w3w5yxfrhnhnn

No se donde está la fuente original... :/

PD: Esta para IE, así que tendrás que hacer algunos retoques, y por cierto, esto debería ir en Desarrollo Web no crees?

Un saludo.


En línea


Interesados hablad por Discord.
#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.855



Ver Perfil WWW
Re: [JS] Duda con imágenes y Carrusel!
« Respuesta #2 en: 18 Agosto 2013, 18:03 pm »

Yo creo que este tipo de dudas va mejor en Desarrollo Web.

Saludos
En línea

Eleкtro
Ex-Staff
*
Desconectado Desconectado

Mensajes: 9.878



Ver Perfil
Re: [JS] Duda con imágenes y Carrusel!
« Respuesta #3 en: 18 Agosto 2013, 18:22 pm »

Tema movido a petición de Drvy, y también para darte la oportunidad de recibir la ayuda de los usuarios habituales de este subforo.

Saludos.
En línea



KlaHavoK

Desconectado Desconectado

Mensajes: 8



Ver Perfil
Re: [JS] Duda con imágenes y Carrusel!
« Respuesta #4 en: 19 Agosto 2013, 22:52 pm »

Vale, gracias a todos. Espero acá me puedan ayudar!

Siempre puedes probar esto y adaptarlo:

http://www.mediafire.com/?x3w3w5yxfrhnhnn

No se donde está la fuente original... :/

PD: Esta para IE, así que tendrás que hacer algunos retoques, y por cierto, esto debería ir en Desarrollo Web no crees?

Un saludo.

No entendí esto muy bien... lo descargué y son webs de videojuegos y una sobre un script, pero no es lo que busco! xD
En línea

z3nth10n


Desconectado Desconectado

Mensajes: 1.583


"Jack of all trades, master of none." - Zenthion


Ver Perfil WWW
Re: [JS] Duda con imágenes y Carrusel!
« Respuesta #5 en: 20 Agosto 2013, 11:47 am »

Pero no buscar un carrousel? Abre el Run.Hta
En línea


Interesados hablad por Discord.
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines