Galería de imágenes con LightBox

[flapina]

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!

[C2am]

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

[sergio1210]

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

[flapina]

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

[flapina]

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

[sergio1210]

Iniciado por flapina

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.