Avisos
Vaciar todo

Consulta sobre lightbox modal

6 Respuestas
3 Usuarios
0 Reactions
28 Visitas
Respuestas: 1310
Famed Member
Topic starter
 

Hola que tal, me gustaria poder poner dos fotos en un mismo lugar como puedo hacer? uno al lado del otro 

image

 

Segundo como puedo agrandar el tamaño de la foto?

image

 

Contenido solo visible a usuarios registrados


 
Respondido : 18/06/2022 6:56 am
Pepe
 Pepe
Respuestas: 41133
Illustrious Member Admin
 

Hola Ruben.

Lo que puedes hacer es añadir dos modulo de Lightbox, si lo añades como contenido se abrirán las dos imagenes juntas no tendras el efecto para cada imagen

.- Añade una nueva Sección:

screenshot mary52.webempresa.eu 2022.06.18 14 14 15

.- En la estructura añade dos bloques:

screenshot mary52.webempresa.eu 2022.06.18 14 14 59

.- En cada bloque añades un Modulo de Lightbox

screenshot mary52.webempresa.eu 2022.06.18 14 17 59

 

Un saludo

 


Esta publicación ha sido modificada el hace 3 años por Pepe
 
Respondido : 18/06/2022 12:19 pm
Respuestas: 1310
Famed Member
Topic starter
 

@pepesoler

Gracias, pero el problema de dos modulo, es que a la hora de poner la vista en modo mobile, se crea la imagen uno abajo del otro y lo que quiero es colocarlo por lo menos dos imágenes por modulo, espero poder haberme explicado bien

Capturazxcxcz
Capturasxxcc

gracias


 
Respondido : 20/06/2022 7:13 am
Pepe
 Pepe
Respuestas: 41133
Illustrious Member Admin
 

Hola Ruben.

lo que quiero es colocarlo por lo menos dos imágenes por modulo

Si añades dos imagenes se mostraran en el mismo PopUp es decir, tendras una imagen y al abrirla se mostraran las dos imagenes dentro.

Para añadir dos imagenes juntas en el contenido puedes utilizar la propiedad inline-block

de CSS:

.- Añade el siguiente código CSS:

.two-columns {
width: 48%;
display: inline-block;
}

 

.- Edita el PopUp y en contenido añade lo siguiente:

<div>
<img class="two-columns" src="https://dominio.xxx/imagen.jpg" />
<img class="two-columns" src="https://dominio.xxx/imagen.jpg" />
</div>

Tienes que modificar la URL de la imagen por la de tu imagen.

 

Un saludo

 


Esta publicación ha sido modificada el hace 3 años por Pepe
 
Respondido : 20/06/2022 11:32 am
Respuestas: 1310
Famed Member
Topic starter
 

@pepesoler

en que parte tengo que colocar esos codigos?

image

en el mismo lugaR?


 
Respondido : 20/06/2022 11:56 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Ruben,

Como te comenta Pepe, uno es un css y el otro es el código del popup, es decir:

.two-columns {
width: 48%;
display: inline-block;
}

Esto va en Apariencias > Personalizar > Css adicional, y este otro es el contenido del popup:

<div>
<img class="two-columns" src="https://dominio.xxx/imagen.jpg" />
<img class="two-columns" src="https://dominio.xxx/imagen.jpg" />
</div>

Un saludo  🖐️ 


 
Respondido : 21/06/2022 12:06 am