Plugin destacado Divin: panorama para div

Los panoramas de oferta son excelentes para mostrar imágenes grandes en un espacio pequeño. En lugar de reducir su tamaño para que se ajuste en la pantalla, lo que puede hacer que sean imposibles de ver, colocar la imagen en un panorama paradible le permite mostrar la imagen más grande en su tamaño real. El visitante puede ver toda la imagen deslizándose. DIV no tiene una característica panorámica nativa, pero se puede agregar fácilmente con una tercera parte llamada panorama para div. El panorama para la división agrega un nuevo modo Divic de constructor que facilita la creación de panoramas verticales y horizontales. Los panoramas pueden detenerse o repetir. Agregue una superposición, establezca la altura, elija el estilo de animación y coloque panoramas en cualquier división. Es receptivo y táctil.
Para esta presentación general, uso el Panorama para Divion 1.0 con Divion 3.2.2 y WordPress versión 4.9.5. Las imágenes fueron tomadas de Unsplash.com. Modo panorama

Se agrega un nuevo módulo al constructor Divin llamado Panorama. Es azul oscuro e incluye el logotipo del editor, por lo que es hermoso.

La pestaña de contenido incluye configuración para elegir la imagen, el texto alternativo, la altura, la dirección en la que el contenido puede ejecutarse (elija entre horizontal o vertical), ya sea que la imagen se repita o no, para mostrar una superposición, la longitud de la Animación (la cantidad de tiempo continúa moviéndose después de detener el desplazamiento), el tipo de relajación (funciona con la animación) y los antecedentes.

La pestaña de diseño incluye el color de superposición, espaciado, borde, sombra de caja y animación. La pestaña avanzada incluye campos CSS estándar. Me gusta que puedas elegir el color de la superposición. Me gustaría ver una configuración para el color del icono. Panorama para ejemplos divididos Un ejemplo que utiliza fondo y funciones predeterminados. Colocé el módulo en el paquete de bienes raíces usando una sola fila de columna. Establecí la altura para que coincida con la imagen (870 píxeles) y dejé la dirección del contenido en el horizontal.

Está configurado para no repetirlo, por lo que se detiene cuando llega al final de la imagen.

Se repite, creando un desplazamiento interminable. Esto es particularmente bueno para imágenes de 360 ​​grados. No se identifica como default predeterminado. El cursor del mouse cambia de un indicador a flechas que indican en las cuatro direcciones, pero la única forma de saber esto es colocar sobre él. El cursor que se muestra en todas las direcciones indicaría la conducta en todas las direcciones, pero solo funciona horizontalmente o verticalmente, no ambas. Esto se puede resolver agregando una superposición.

Agregué una superposición marrón. La superposición en sí agrega un icono con una mano que muestra que la imagen se puede llevar a cabo. Use una flecha para mostrar que puede ser horizontal. El nivel de opacidad se establece por defecto al 20%. Lo dejé en la configuración predeterminada.

La superposición y el ícono desaparecen en el cursor y el cursor se convierte en la flecha de 4 vías.

Aquí hay un ejemplo de la superposición. Para esto, quería colocarla junto a una imagen seguida con dos columnas. Establecí la altura en 287 píxeles para que coincida con la altura de la imagen. El problema es que ambas parecen imágenes normales, por lo que tendré que agregar una superposición. Agregué una superposición azul. El ícono se destaca y se puede decir que se está desarrollando cuando los demás no lo están.

Ambos ejemplos usan la dirección vertical del contenido. Establecí la altura en 500 píxeles y agregué superposiciones. El de la izquierda tiene una superposición negra con una transparencia del 40% y un borde redondeado con un tono de caja. El de la izquierda tiene una superposición roja con la transparencia predeterminada y tiene una sombra de la caja.


Utiliza animación y relajación. La animación está establecida en 1000 (1 segundo), y la relajación es fácil. La facilitación determina cómo funciona el rollo.

Se ejecuta linealmente mientras se ejecuta y luego continúa el desplazamiento hasta que termine el tiempo de animación. Es el pergamino más pequeño.

Fache In Out está esperando hasta que movió el mouse para que se ejecute y luego continúe funcionando hasta que termine la hora de animación.
La facilidad se ejecuta instantáneamente y continúa hasta que se complete el tiempo de animación. Funciona similar a lineal.
ENTREGA ALTA hasta que el mouse se complete y luego continúe hasta que se complete el tiempo de animación.
Aquí hay otro ejemplo de cómo se ve en un aspecto. En este ejemplo, colocamos un panorama horizontal en el paquete de cafetería, reemplazando el módulo de video para mostrar una foto de 360 ​​grados del café. Utiliza una superposición negra con una transparencia del 20%. Se ve muy bien, pero creo que esto se vería aún mejor con un ícono más grande. El uso del panorama para Divi con Visual Buildernu muestra la imagen panorámica en Visual Builder, pero puede hacer todos los ajustes. Simplemente no verá los efectos mientras está en Visual Builder. Usando panorama para div con extra
Funcionó bien con extra. No hubo diferencias si usé Div o extra, por lo que no tuve que cambiar ninguno de los formatos.

Aquí está el ejemplo del café usando una barra lateral. Por supuesto, la imagen no es tan amplia, pero esto no importa tanto cuando puedes ejecutar el panorama. Esta es una de las ventajas del panorama. Una imagen ordinaria habría reducido el tamaño, lo cual es bueno para muchas imágenes, pero cuando desea mostrar la imagen más grande, esta es una excelente opción. Licencia Hay dos licencias de las que puede elegir:

Sitio único – $ 7.99

Sitios ilimitados – $ 21.99

Puede ver la información de compra en el sitio web del desarrollador.
Panorama de pensamientos finales para div es un complemento interesante.Me gusta la idea de mostrar grandes imágenes en un espacio pequeño.Mi uso favorito para Panorama para Div es para fotos de 360 ​​grados.Esta puede ser una ubicación, una casa para exhibir habitaciones, eventos, etc.Funciona excelente como es, pero puedo ver algunas formas en que se puede ampliar.Por ejemplo, me gustaría ver una opción para elegir diferentes iconos y una opción para estilizarlos tanto en color como en tamaño.Encontré el complemento fácil de usar.La mayoría de los ajustes están etiquetados o explicados por ellos mismos.Si está interesado en agregar panoramas a sus aspectos, vale la pena buscar el panorama para Div. Escucharemos de usted.¿Has probado el panorama para la división?Cuéntanos lo que piensas sobre esto en los comentarios.Imagen presentada por Natykach Nataliia / Shutterstock.com