Avisos
Vaciar todo

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

 
Saskia
 Saskia
Usuario activo

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

Citar
Respondido : 05/11/2024 3:10 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 05/11/2024 4:00 pm