Avisos
Vaciar todo

Cómo puedo hacer para que cuando cliques una imagen se amplíe visualizándolo en pantalla completa?

2 Respuestas
2 Usuarios
0 Reactions
8 Visitas
Respuestas: 7
Active Member
Topic starter
 

La plantilla que he utilizado por defecto ya me hace visulizar la imagen ampliandola. Pero he agregado más imágenes y no se amplian.

adjunto imagen

IMG 9103

 

Contenido solo visible a usuarios registrados


 
Respondido : 05/11/2024 3:10 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Saskia

Que imagenes quieres que tengan el efecto de Zoom?

Si quieres que todas la imágenes tengan Zoom puedes añadir lo siguiente en Apariencia -< Personalizar -> CSS Adicional:

.et_pb_image img {
transition: transform 0.3s ease-in-out;
cursor: zoom-in;
}

.et_pb_image:hover img {
transform: scale(1.2); /* Ajusta el nivel de zoom aquí */
}

 

Este código aplica el efecto de zoom a todas las imágenes dentro de los módulos de imagen de Divi cuando el usuario pasa el ratón por encima.

  • Personalizar el nivel de zoom:

    • Puedes ajustar el valor scale(1.2) en el CSS. Este número determina el nivel de zoom; por ejemplo, scale(1.5) aumentará el zoom y scale(1.1) lo reducirá.

 

Un Saludo


 
Respondido : 05/11/2024 4:00 pm