Gallery - Slider Modal

11-03-2024

En este ejemplo mostramos un Slider Modal que está hecho con CCS y JavaScript.

<link href="../../css/slide.css" rel="stylesheet" type="text/css"> <!-- Necesario para ver imagenes con slide no compatible con carousel-->
<script src="../../js/slide.js"></script> <!-- Necesario para ver imágenes con slide no compatible con carousel-->

En una misma página no es compatible tener un carousel y este slider al mismo tiempo. Tampoco tiene lógica y es a título informativo.

Este Slider se utiliza para manejar una galería de imágenes.

Se recomienda utilizarlo con imágenes del mismo tamaño aunque en el ejemplo vamos a utilizar imágenes de distinto tamaño ya que este Slider lo permite.

Está configurado para cuando las imágenes sean de gran tamaño las redimensione al tamaño de la pantalla.

Admite comentarios debajo de las imágenes en cualquier tamaño y tipo de letra.

Llamamos a una imagen desde un texto. Abrir cuarta imagen del slider

×

1 - 6

Primera imagen

1 - 6

2 - 6

Segunda imagen

2 - 6

3 - 6

Tercera imagen

3 - 6

4 - 6

Cuarta imagen

Admite texto de cualquier tamaño y color

4 - 6

5 - 6

Quinta imagen

Admite texto de cualquier tamaño y color

5 - 6

6 - 6

Sexta imagen

6 - 6

❮ ❯