Foros del Web » Creando para Internet » CSS »

Galería de imágenes con LightBox

Estas en el tema de Galería de imágenes con LightBox en el foro de CSS en Foros del Web. Hola a todos! Les cuento que estoy creando mi página web y estoy trabada en este paso. Estuve pensando en distintas maneras de mostrar las ...
  #1 (permalink)  
Antiguo 29/04/2012, 15:45
 
Fecha de Ingreso: julio-2007
Mensajes: 16
Antigüedad: 16 años, 8 meses
Puntos: 0
Exclamación Galería de imágenes con LightBox

Hola a todos! Les cuento que estoy creando mi página web y estoy trabada en este paso. Estuve pensando en distintas maneras de mostrar las imágenes que tengo y me decidí por esta opción, el problema es que no sé cómo hacerlo!!!
Estuve buscando por internet en mil sitios y no pude encontrar lo que estoy buscando.

Necesito hacer una galería como esta:

http://www.rodolfofucile.com.ar/ilustraciones-diarios-revistas

Lo que no encontré por ningún lado es cómo hacer las esquinas redondeadas que es lo más importante para que quede bien con el diseño de mi página.

Pensaba hacer una galería en Flash, pero me recomendaron que la haga directamente en el Dreamweaver y con programación para que pese menos y cargue más rápido... ustedes qué opinan sobre esto??

Bueno, espero que puedan ayudarme con un link a algún tutorial que explique cómo hacer una galería LigthBox con bordes redondeados!

Muchas graciaaaaaasss!
Adiós!

Última edición por flapina; 29/04/2012 a las 16:25
  #2 (permalink)  
Antiguo 29/04/2012, 18:00
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Galería de imágenes con LightBox

Tal vez aplicando border-radius al contenedor que se muestra puedes lograrlo.
Muestra que estás usando para el lightbox, y vemos como modificar los estilos para obtener lo que deseas.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 30/04/2012, 01:11
 
Fecha de Ingreso: febrero-2012
Ubicación: Barcelona
Mensajes: 50
Antigüedad: 12 años, 1 mes
Puntos: 2
Respuesta: Galería de imágenes con LightBox

Esa galería esta usando el plugin JQUERY colorbox

http://www.jacklmoore.com/colorbox

No se si por defecto vendrán los bordes redondeados pero en los ejemplos si aparecen así que si no seria cuestión de mirar un poco el código hasta dar con la manera.

El problema de border-radius es que te encontraras que en IE no te funcionara, en el resto de navegadores si.

Un saludo
  #4 (permalink)  
Antiguo 30/04/2012, 21:19
 
Fecha de Ingreso: julio-2007
Mensajes: 16
Antigüedad: 16 años, 8 meses
Puntos: 0
Respuesta: Galería de imágenes con LightBox

Muchas gracias por sus respuestas chicos! voy a investigar esto del JQUERY. Todavía no empecé a hacer nada así que no tengo codigos para mostrar y cambiar, voy a intentarlo y les cuento cómo me fue o si necesito más ayuda!!(seguro que sí jaja)

Graciass! Volveré con más respuestas una vez que tenga algo hecho, espero terminar esta semana con todo esto! :)
  #5 (permalink)  
Antiguo 20/05/2012, 13:32
 
Fecha de Ingreso: julio-2007
Mensajes: 16
Antigüedad: 16 años, 8 meses
Puntos: 0
Respuesta: Galería de imágenes con LightBox

Hola a todos! les cuento que pude personalizar el lightbox de JQUERY y utilizarlo con mis fotos! Ahora el problema que tengo es que no sé cómo reemplazar los links por fotos en miniatura, tengo todos los links con los nombres de las fotos como en una lista, pero quiero que se vean las pequeñas fotitos en vez de ellos, voy a seguir probando y buscando en internet hasta que me salga o hasta que me contesten! saludos! :)
  #6 (permalink)  
Antiguo 21/05/2012, 02:07
 
Fecha de Ingreso: febrero-2012
Ubicación: Barcelona
Mensajes: 50
Antigüedad: 12 años, 1 mes
Puntos: 2
Mensaje Respuesta: Galería de imágenes con LightBox

Cita:
Iniciado por flapina Ver Mensaje
Hola a todos! les cuento que pude personalizar el lightbox de JQUERY y utilizarlo con mis fotos! Ahora el problema que tengo es que no sé cómo reemplazar los links por fotos en miniatura, tengo todos los links con los nombres de las fotos como en una lista, pero quiero que se vean las pequeñas fotitos en vez de ellos, voy a seguir probando y buscando en internet hasta que me salga o hasta que me contesten! saludos! :)
Pon el código de esos links para ver mejor como lo tienes pero en principio si tienes los links en una lista solo debes substituir el texto que hace de link por una imagen.

por ejemplo si tienes esto:

Código:
<ul>
<li><a href="#">enlace1</a></li>
<li><a href="#">enlace2</a></li>
<li><a href="#">enlace3</a></li>
<li><a href="#">enlace4</a></li>
</ul>
Seria cambiarlo por esto:

Código:
<ul>
<li><a href="#"><img src="rutadelaimagen1" /></a></li>
<li><a href="#"><img src="rutadelaimagen2" /></a></li>
<li><a href="#"><img src="rutadelaimagen3" /></a></li>
<li><a href="#"><img src="rutadelaimagen4" /></a></li>
</ul>
Entonces en lugar de ser el link la palabra "enlace1" seria la imagen1.

Etiquetas: bordes, galeria, imagenes, lightbox, redondeados
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 20:30.