/Galeria-de-imagenes-interactiva

Primary LanguageJavaScript

Galería de Imágenes Interactiva

Bienvenido a Galería de Imágenes Interactiva

⚠️➡︎ La "Galería de Imágenes Interactiva" es una aplicación web que permite a los usuarios explorar una galería de imágenes, agregar nuevas imágenes, eliminar imágenes existentes y visualizar detalles de cada imagen al hacer clic en ella. La galería cuenta con animaciones para la carga y eliminación de imágenes, así como para las interacciones del usuario.

Tabla de contenidos 📋

Hecho por:

Instalación📂

Tip

Sigue cada uno de los siguientes pasos sin saltarte ningúno para la correcta instalación

  • Instala o clona el actual repositorio
  • Descomprime el archivo .ZIP
  • Abre el archivo index.html en tu navegador web para ver la galería en funcionamiento.

Como_usar💼

Warning

Si no tienes conocimientos sobre el tema, intenta no modificar ningún archivo.

  • Agregar Imágenes: Los usuarios pueden añadir nuevas imágenes a la galería proporcionando una URL, un título y una descripción.
  • Eliminar Imágenes: Cada imagen en la galería puede ser eliminada individualmente.
  • Ver Detalles: Al hacer clic en una imagen, se abre un modal que muestra la imagen en tamaño completo, junto con su título y descripción.
  • Animaciones: Las imágenes en la galería cuentan con transiciones suaves para la inserción y eliminación, así como para la ampliación cuando se visualizan en el modal.

Tecnologías📱

  • HTML
  • CSS
  • JavaScript
  • Visual Studio Code

Personalización💭

Important

Puedes personalizar el proyecto de las siguientes maneras:

  • Cambiar las imágenes iniciales: Modifica el array imagenesIniciales en script.js para incluir tus propias imágenes, títulos y descripciones.
  • Ajustar los estilos: Modifica styles.css para cambiar los colores, fuentes y otros aspectos visuales de la galería.

Autor👨‍💻

"IMPULSANDO LA INNOVACIÓN Y EL DESARROLLO TECNOLÓGICO"

Luis Nicolás Méndez