Foros del Web » Creando para Internet » CSS »

Desplazar Imagenes Horizontalmente Flechas

Estas en el tema de Desplazar Imagenes Horizontalmente Flechas en el foro de CSS en Foros del Web. Buenas no estoy seguro de estar en el sitio correcto pero explicare lo que busco.. pues veran estoy haciendo una especie de galeria de imagenes, ...
  #1 (permalink)  
Antiguo 24/09/2011, 11:28
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 14 años, 8 meses
Puntos: 19
Desplazar Imagenes Horizontalmente Flechas

Buenas no estoy seguro de estar en el sitio correcto pero explicare lo que busco..

pues veran estoy haciendo una especie de galeria de imagenes, y me gustaria que una cantidad X de imagenes esten todas puesta de forma horizontal en miniatura y tengan una flecha a los costados..

el trabajo que quiero intenter hacer es tener una imagen principal y abajo una lista de todas las imagenes con flechas la iz y der...

Eso se hace con CSS?

Como lo hago? Gracias
  #2 (permalink)  
Antiguo 24/09/2011, 12:31
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Desplazar Imagenes Horizontalmente Flechas

no, se hace con javascript o alguno de sus frameworks
  #3 (permalink)  
Antiguo 24/09/2011, 16:04
 
Fecha de Ingreso: agosto-2011
Ubicación: Viña del Mar, Chile
Mensajes: 311
Antigüedad: 12 años, 7 meses
Puntos: 50
Respuesta: Desplazar Imagenes Horizontalmente Flechas

Se puede con css y ayuda de jquery..
http://leandrovieira.com/projects/jquery/lightbox/ ...ojalá sea lo que estás buscando , si no te gusta ese, busca galerías jquery en google y seguro que encuentras lo que quieres y fácil de lograr..
  #4 (permalink)  
Antiguo 24/09/2011, 21:44
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: Desplazar Imagenes Horizontalmente Flechas

se puede solo con css pero no es compatible con todos los navegadores... solo los muy recientes... una opcion es usar js... yo suelo usar un plugin en jquery
http://bxslider.com/
__________________
Toroflix - movies.
  #5 (permalink)  
Antiguo 26/09/2011, 07:21
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 14 años, 8 meses
Puntos: 19
Respuesta: Desplazar Imagenes Horizontalmente Flechas

Bueno busco una galeria que tenga el comportamiento similar a Mercado Libre...

que la Imagen principal este en un Div y abajo esten una lista horizontal con todas las miniaturas Disponibles....

Si conocen una galeria que tenga esas caracteristicas me gustaria que me pasaran el link e buscado varias y no la e encontrado.... :S
  #6 (permalink)  
Antiguo 26/09/2011, 08:16
 
Fecha de Ingreso: agosto-2011
Ubicación: Viña del Mar, Chile
Mensajes: 311
Antigüedad: 12 años, 7 meses
Puntos: 50
Respuesta: Desplazar Imagenes Horizontalmente Flechas

Los usos de Jquery para mostrar imágenes vienen casi todos por defecto en tira de imágenes horizontales, ojo que en el caso de mercado libre lo que hace es mostrar una foto de un producto y usa otra galería para mostrar los relacionados al anuncio con programación, en resumen sólo debes modificar los estilos del jquery para obtener el resultado deseado..
Quizá no entendí bien tu consulta, pero lo único que debieras hacer es hacer un div con la imagen principal y abajo un jquery con la tira de imágenes...si quieres que la galería sea dinámica (enlazar a una bases de datos de las imágenes)deberás usar php u otro lenguaje de lado del servidor,
Saludos
  #7 (permalink)  
Antiguo 26/09/2011, 08:23
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 14 años, 8 meses
Puntos: 19
Respuesta: Desplazar Imagenes Horizontalmente Flechas

osea en mercado libre tu tienes tu imagen principal en tamano completo y abajo una lista de miniaturas, que al ser mas de 4 tienen una flecha a la derecha e izquierda (para desplazarse) y al hacer clic en una de las miniaturas se carga la imagen en tamano completo, y si haces clic en la imagen de tamano completo te habre un lightbox (una galeria con todas las imagenes...)

Bueno asi lo e visto yo y de verdad busco ese efecto ya tengo una galeria de light box pero nose donde consigo el efecto que al hacer clic en la miniatura se cargue la imagen en tamano grande, nose si me estoy explicando :S
  #8 (permalink)  
Antiguo 26/09/2011, 08:52
 
Fecha de Ingreso: agosto-2011
Ubicación: Viña del Mar, Chile
Mensajes: 311
Antigüedad: 12 años, 7 meses
Puntos: 50
Respuesta: Desplazar Imagenes Horizontalmente Flechas

es extraño que no te cargue la imagen a tamaño original, eso viene por defecto configurado(vuelve a instalarlo)..supongo que no utilizas miniaturas...
Saludos,
  #9 (permalink)  
Antiguo 26/09/2011, 09:05
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 14 años, 8 meses
Puntos: 19
Respuesta: Desplazar Imagenes Horizontalmente Flechas

Bueno voy a trabajarlo y de tener un error supongo que tengo q postearlo en java y no aqui.... estoy posteando un problema q tengo ahorita con un CSS si puedes me ayudasr bro! y gracias!
  #10 (permalink)  
Antiguo 26/09/2011, 09:15
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: Desplazar Imagenes Horizontalmente Flechas

JuJoGuAl el plugin que te di hace eso que necesitas, uno hecho a la medida solo queda buscar que hay miles seguro encuentras pero nadie buscara por ti
__________________
Toroflix - movies.
  #11 (permalink)  
Antiguo 26/09/2011, 10:15
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 14 años, 8 meses
Puntos: 19
Respuesta: Desplazar Imagenes Horizontalmente Flechas

Cita:
Iniciado por alexk Ver Mensaje
JuJoGuAl el plugin que te di hace eso que necesitas, uno hecho a la medida solo queda buscar que hay miles seguro encuentras pero nadie buscara por ti
Bueno no es exactamente la que quiero pero la e descargado para ver si puedo modificarla a mi gusto...
  #12 (permalink)  
Antiguo 26/09/2011, 10:22
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 14 años, 8 meses
Puntos: 19
Respuesta: Desplazar Imagenes Horizontalmente Flechas

el problema Alexk es que cuando hay muchas imagenes no me crea las flechas en los TUMBS (el ejemplo de THums 1 es el que se acerca a lo que busco)...

Etiquetas: desplazar, flechas, horizontalmente, imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:25.