Pregunta sobre iPanorama 360 WordPress Virtual Tour Builder de Wordpress:

Altura receptiva

Un usuario pregunt贸 馃憞

Debido a que la altura de CSS se expresa como un porcentaje relativo a la altura principal, la entrada de porcentaje en el rango de altura de iPanorama no funciona.

El fondo de trabajo debe usar un fondo acolchado, que es relativo al ancho del objeto en s铆.

Soluci贸n alternativa n. 掳 1: agregue CSS personalizado

#ipnrm-uk9w9-404 { position: relative; height:0; padding-bottom: 75%; }
#ipnrm-uk9w9-404 .ipnrm { position: absolute; top: 0; left: 0; width: 100%; height:100%; }

Dado que la identificaci贸n se genera sobre la marcha y no es la misma dos veces, no funciona. agregar una clase como 芦ipnrm-container禄 al div me permitir铆a concentrarme de manera m谩s confiable en 茅l.

Soluci贸n alternativa n. 掳 2: doble un panorama en otro div y agregue CSS personalizado

.responsivepano > div:nth-of-type(2) { position: relative; height:0; padding-bottom: 75%; }
.responsivepano > div:nth-of-type(2) .ipnrm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Esto funciona, pero es un desastre.

M茅todo preferido: agregue una condici贸n en el c贸digo del plugin. si appData.config.panoramaHeight contiene 芦%禄: agrega estilos al contenedor div 芦position: related; altura: 0; fondo acolchado: xyz%; 芦agregar estilos al contenido div禄 posici贸n: absoluta; arriba: 0; izquierda: 0; ancho: 100%; alto: 100%; 芦

Tendr茅 que hacer algunas otras pruebas para asegurarme de que esto no perjudique el modo de pantalla completa.

(@avirtum)

Hace 2 a帽os, 9 meses

Hola. Puede usar el par谩metro de clase dentro de su acceso directo como [ipanorama id=鈥123鈥 class=鈥漨ypanorama鈥漖y luego use CSS personalizado como

.mypanorama {ancho: 100%; altura: 500px; }

(@ eric3d)

Hace 2 a帽os, 9 meses

Gracias. Eso hace que sea mucho m谩s f谩cil enfocarse en el div correcto.

Es posible que desee ajustar la forma en que maneja el% de altura.

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *