Gallery 1 - Carousel Modal Bootstrap Avanzado


Actualización: 10-03-2024

 

Carousel Modal Avanzado está configurado en este ejemplo para redimensionar el tamaño de las imágenes más grandes, es aconsejable que todas las imágenes mantengan una misma relación de tamaño, aunque el tamaño de las verticales y horizontales puede diferir. Los textos bajo las imagenes no tienen efecto con el tamaño de la imagen que es lo único que se redimensiona. Si el texto es muy largo es necesario hacer scroll para poder leerlo todo.

La ventana modal y este slider carousel se pueden configurar siguiendo las instrucciones de Bootstrap.

 

Primer slide

Segundo slide

Tercer slide

Cuarto slide

Quinto slide

Sexto slide

 

Aquí se termina el Div Row


A continuación, demostraciones en texto y botones.

 

 

Click to open Modal

Abrir el Modal Carousel sin elegir imagen y pasada de imágenes secuencial después de pasar la primera imagen

 

Click to open Modal

Abrir el Modal Carousel sin elegir imagen y pasada de imágenes secuencial después de pasar la primera imagen

 

Es una prueba en la que un enlace simulando un href Click to open Modal tiene acceso al Slider Modal Avanzado.

Ejemplo en una imagen

 

Segunda parte: Ejemplo con imágenes del mismo tamaño

 



error: Contenido protegido