Crear una galería de imágenes solo con CSS y HTML

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando…

También te podría gustar...

Sobre este artículo

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando…

Licencia: Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

URL: LaWebera.es :: Diseño Web

Diseñador web y gráfico afincado en Uruguay. Ha trabajado como freelance para empresas de toda Latinoamérica y España. Apasionado del diseño y autodidacta por naturaleza, gran parte de lo que sabe lo ha aprendido de sitios como este.

16 Respuestas

  1. Sergio

    Muy buen articulo esta todo claro y sencillos, muchas gracias

  2. Missel

    Muy bueno el ejemplo, gracias por compartir este magnifico ejemplo.
    Mil gracias.

  3. Canito

    Eres lo Máximo chapulin…..Tengo años viendo tutoriales y también me gusta postear algunos y dejeme decirle amigo q _Ud es lo máximo. Mejor ExplicaDo ImpoSibLe…..Mis ReverEnciaS.

  4. raquel

    Mediante el atributo a:hover vemos como al pasar el puntero del ratón por encima de las fotos pequeñas aparecen en grande en la parte derecha. Pero si quiero que ocurra lo mismo pero haciendo click sobre las imágenes pequeñas, cómo se haría?

    Muchas gracias.

  5. fabiola

    gracias por compartir conocimiento, tengo 2 días buscando como hacer una galería y tu ejemplo es el mejor de la web tienen una excelente página saludos.

  6. jose n

    hola, como se hace para que las miniaturas esten mas juntas, que el espacio entre ellas sea menor

  7. Francisco

    Hola que tal,

    Antes que nada excelente tutorial! Sin embargo me deja con una duda… Como puedo hacer que en lugar de que sea al pasar el mouse sea al darle click (a:active) y la imagen (max) se quede hasta que se le de click a otra?

    Mil gracias

    Francisco Q.

  8. José.

    Hola amigo, sabes que me gustó mucho la página que sale con ese archivo que descargué.

    Bueno, la pregunta es, ¿Puedo editarlo y subirlo a mi hosting, haciendo una página web con ése código?, bueno, si es que no se puede, lo entiendo.

    Saludos, y gracias por el tutorial!

  9. piso13

    Hola, buenisimo el tutorial, ya lo aplique en la pagina y funciona muy bien!
    Quisiera saber si se puede agregar un texto que aparezca debajo de cada imagen grande (.max)
    Es decir que al pasar el puntero por la imagen en miniatura, aparezca la imagen en grande y un texto debajo de esa imagen grande, que sera diferente en cada una. Muchas gracias!

  10. Jesús

    Chamo, anduve leyendo los artículos de tu página, y son demasiado, me han ayudado un montón, este y otro artículo acerca de menúes desplegables y rollover. En ninguna parte conseguí entender nada, sino acá. De pana, sigue así, hay mucha gente que aprecia trabajos como el tuyo!

  11. Victoria

    Hola, he leído varios posts de uds para hacer el sitio Web y me han servido de mucho, se les agradece. Pero tengo una consulta y les pido perdón si es que ya está respondida en algún lado, pero la verdad que si es así, no lo encuentro. Tengo el problema que al hacer mi sitio, tengo dos columnas, y resulta que en la de la izquierda tengo todos banners y demás, y en la de la derecha tengo el contenido escrito que corresponde a cada pestaña (botón), y el gran problema es que cada vez que escribo a la derecha, la columna de la izquierda se me desacomoda, y se me va para abajo, quedando todo un espacio blanco encima. Tienen idea de como solucionarlo? siempre tengo el mismo problema y no logro encontrar la solución. Aclaro que tengo el sitio hecho con una DWT a la cual están unidas todas las páginas. Les pido por favor si pueden ofrecerme una respuesta porque me estoy volviendo loca. Muchas gracias.

  12. Cosme

    Me encantó, gracias!

  13. Andrés Fernández

    Hola Sandra:

    Es cierto que el artículo dice que el archivo comprimido contendría dos archivos CSS. Y es que en un principio pensé en dejar separadas las reglas relativas al funcionamiento de la galería, pero luego lo agregué al archivo único y olvidé modificar el artículo.

    El archivo comprimido, como podrás ver contiene todo lo necesario y la galería funciona perfectamente.
    Un cordial saludo.

  14. Sandra

    hola no le entendi muy bien, bueno baje el archivo comprimido pero en el texto dcie que deberiand e ser dos archivos de .css y uno html pero en la carpeta descomprimida nada mas viene uno de .css y uno html y las fotos, mi duda es que si falta el otro archivo o el codigo esta completo? saludos bye

Deja un comentario

El email no se publica. Todos los campos obligatorios.