WordPress.org

Plugin Directory

VenoBox 2 – Responsive Lightbox for images, videos, iFrames, inline contents, Ajax requests

VenoBox 2 – Responsive Lightbox for images, videos, iFrames, inline contents, Ajax requests

Descripción

VenoBox is a lightweight plugin built on the foundation of venobox.js. It calculates the optimal display size for images preserving their height, and ensuring a seamless viewing experience. Now, with even more options, VenoBox can also resizes the images to fit within the viewport height. No jQuery dependency.

Features

  • Responsive Image Handling:
    VenoBox sets itself apart by dynamically calculating the max width of displayed images and maintaining their original height, ensuring your visuals look stunning on any device. No more microscopic resized images on small screens – VenoBox guarantees an immersive user experience.

  • Optional Image Resizing:
    Take control of your visuals with VenoBox’s optional image resizing feature, allowing you to fit images perfectly within the viewport height. Tailor your content for an aesthetically pleasing and responsive display.

  • Multimedia Versatility:
    From images and iframes to inline content, VenoBox supports it all. Seamlessly integrate Vimeo, YouTube, and HTML5 video formats into captivating modal lightbox popups for a truly engaging user experience.

  • Automatic Activation:
    Let VenoBox do the heavy lifting by automatically enabling itself for all linked images and videos on your WordPress site. Enjoy hassle-free implementation and an instantly improved visual presentation.

  • Touch Swipe Gallery Navigation:
    Enhance user interaction with touch swipe gallery navigation. Your audience can effortlessly explore galleries with a simple swipe, creating an intuitive and enjoyable browsing experience.

  • Keyboard Navigation:
    Navigate through your content with ease using VenoBox’s keyboard navigation feature. Provide users with multiple ways to interact, ensuring accessibility and user-friendliness.

  • Custom Preloaders:
    Impress your visitors with custom preloaders that match your website’s style. Choose from a variety of options to create a seamless transition as your images and videos load.

  • Custom Videos Aspect Ratio:
    Fine-tune your video displays with custom aspect ratios, ensuring your multimedia content looks just the way you envision it.

  • Customizable Colors and Styles:
    Tailor the appearance of VenoBox to match your brand with customizable colors and styles. Maintain a consistent visual identity across your website, creating a cohesive and polished look.

  • WooCommerce Compatibility:
    VenoBox seamlessly integrates with WooCommerce product galleries, offering a streamlined solution for displaying your products with style and flair.

3rd party services

YouTube
If you enable VenoBox for videos and link YouTube videos, the plugin embeds the videos inside of your website with the following url:
https://www.youtube-nocookie.com/embed/

Terms of servce:
https://developers.google.com/youtube/terms/api-services-terms-of-service

Vimeo
If you enable VenoBox for videos and link Vimeo videos, the plugin embeds the videos inside of your website with the following url:
https://player.vimeo.com/video/

Terms of servce:
https://vimeo.com/terms

Usage

Enable VenoBox for Images and/or Videos inside the plugin’s settings section.
Adjust style and gallery options in WP Admin > Dashboard > Settings > VenoBox

Capturas

  • VenoBox interface

  • Plugin Options

  • UI Style

  • Integrations

  • Disable VenoBox on specific post or page

Instalación

  1. Sube la carpeta del plugin venobox al directorio /wp-content/plugins/.
  2. Activa el plugin a través del menú Plugins en WordPress.
  3. Ajusta la configuración del plugin en WP Admin > Dashboard > Ajustes > VenoBox.

FAQ

How to group links for gallery navigation?

Every WP image gallery will be treated as individual gallery;
To group specific links add the following class to any parent element of the links

venobox-gall

¿Cómo reinicializar el plugin para los enlaces dinámicos añadidos a una página ya cargada?

Usa este fragmento de código una vez que se hayan agregado tus nuevos enlaces:

if (typeof window.VenoBoxPlugin === "function") {
    window.VenoBoxPlugin();
}

¿Cómo abrir contenido remoto dentro de iFrames?

Añade la clase venobox-iframe a tus enlaces.

¿Cómo obtener resultados de llamadas AJAX?

Añade la clase venobox-ajax a tus enlaces.

¿Cómo abrir contenido inline dentro de iFrames?

Añade la clase venobox-inline a tus enlaces.

¿Se pueden redimensionar las imágenes para ajustarse a la altura de la ventana del navegador?

Sí, con la opción global Fit view, o para enlaces individuales o grupos de enlaces, añadiendo la clase venobox-fitview a uno de sus contenedores

Reseñas

No hay valoraciones para este plugin.

Colaboradores y desarrolladores

«VenoBox 2 – Responsive Lightbox for images, videos, iFrames, inline contents, Ajax requests» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«VenoBox 2 – Responsive Lightbox for images, videos, iFrames, inline contents, Ajax requests» está traducido en 2 idiomas. Gracias a los traductores por sus contribuciones.

Traduce «VenoBox 2 – Responsive Lightbox for images, videos, iFrames, inline contents, Ajax requests» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.0.8

  • Update: Group links to create custom galleries

1.0.7

  • Update: Public window.VenoBoxPlugin() to re-initialize

1.0.6

  • Update: test compatibility with WP 6.7

1.0.5

  • Update: venobox.js to 2.1.8

1.0.4

  • Update: venobox.js to 2.1.7
  • Update: New opttion Style > Initial scale
  • Update: New opttion Style > Transition speed

1.0.3

  • New: initialize iframes, inline content and ajax calls with venobox-classes
  • Update: venobox.js to 2.1.6
  • Update: prefix settings fields
  • Update: escape output
  • Update: 3rd party services documentation

1.0.2

  • Update VenoBox.js to 2.1.3
  • Update: Tab navigation for settings page
  • Update: FitView option as class venobox-fitview
  • Update: prevent direct access to files

1.0.1

  • Update: VenoBox.js to 2.0.9

1.0.0

  • First release