Press "Enter" to skip to content

Responsive Image Gallery Lightbox jQuery Plugin – VenoBox

VenoBox Responsive jQuery Lightbox PluginVenoBox is a responsive & cellular device-friendly jQuery lightbox plugin for jQuery Lightbox, suitable for photos, embedded content, iFrames, Google Maps, Ajax, Vimeo requests, and YouTube videos.

Features:

  • Images and image lightbox gallery supported (chance of navigation with keyboard arrows).
  • Ajax & inline content material supported.
  • Youtube & Vimeo movies supported.
  • Iframes and google maps supported.
  • Provides a scroll bar if the peak of overlayed parts is tall then the window.
  • Share and Download buttons: Facebook, Twitter, LinkedIn, Pinterest.

Basic Usage:

Include required venobox.css and venobox.js on your internet web page.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/venobox/venobox.js"></script>

Initialize the plugin and we’re able to go.

$('.venobox').venobox();

Customization choices.

$('.venobox').venobox({

  // color of navigation arroes
  arrowsColor : '#B6B6B6',

  // same as data-autoplay
  autoplay : false, 

  // background color
  bgcolor: '#fff',

  // border
  border: '0',

  // background color of close button
  closeBackground : '#161617',

  // colr of close button
  closeColor : "#d2d2d2",

  // frame width/height
  framewidth: '',
  frameheight: '',

  // show items as a gallery
  gallItems: false,

  // infinite loop
  infinigall: false,

  // custom controls
  htmlClose : '×',
  htmlNext : 'Next',
  htmlPrev : 'Prev',

  // shows counter
  numeratio: false,

  // background color of counter
  numerationBackground : '#161617',

  // counter color
  numerationColor : '#d2d2d2',

  // 'top' || 'bottom'
  numerationPosition : 'top', 

  // close the lightbox by clicking the background overlay
  overlayClose: true,

  // color of the background overlay
  overlayColor : 'rgba(23,23,23,0.85)',

  // available: 'rotating-plane' | 'double-bounce' | 'wave' | 'wandering-cubes' | 'spinner-pulse' | 'chasing-dots' | 'three-bounce' | 'circle' | 'cube-
' | 'fading-circle' | 'folding-cube'
  spinner : 'double-bounce', 

  // spinner color
  spinColor : '#d2d2d2',

  // same as data-title
  titleattr: 'title',

  // title background color
  titleBackground: '#161617',

  // title color
  titleColor: '#d2d2d2',

  // 'top' || 'bottom'
  titlePosition : 'top'

});

Callback capabilities.

$('.venobox').venobox({

  cb_pre_open: function(){ return true; }, 
  cb_post_open: function(){},
  cb_pre_close: function(){ return true; },
  cb_post_close: function(){},
  cb_post_resize: function(){},
  cb_after_nav: function(){},
  cb_content_loaded: function(){},
  cb_init: function(){}

});

Full-featured jQuery Responsive Lightbox Plugin, jQuery Lightbox Video Popup, Simple Lightbox Gallery jQuery

Changelog:

v1.9.1 (2020-08-13)

  • Fix: Error thrown in Safari

v1.9.0 (2020-05-24)

  • Update: reset content material scrollTop on change

v1.8.9 (2020-03-18)

  • Added share buttons: [‘facebook’, ‘twitter’, ‘linkedin’, ‘pinterest’, ‘download’]

v1.8.8 (2020-03-17)

  • Hide navigation and counter if has just one merchandise
  • Higher z-index for vbox-overlay

v1.8.7 (2020-03-16)

  • Percentual window padding
  • Minified CSS
  • Doc up to date
  • Demo up to date

v1.8.6 (2019-06-27)

  • Namespaced some css lessons

v1.8.5 (2018-08-27)

  • New callback: cb_content_loaded(obj, gallIndex, thenext, theprev)

v1.8.4 (2018-08-18)

  • Fixed: Scrollbar dissappears behind vbox-overlay background (Chrome)

v1.8.3 (2018-03-19)

  • repair: completely different spinner for every name

v1.8.2 (2017-06-26)

  • Fix: infinigall & nextok = false

v1.7.3 (2017-03-21)

  • introduced again ‘data-gall’instaed of ‘data-vbgall’

v1.7.2 (2017-03-17)

  • repair: galery navigation with completely different title attributes

See Demo And Download

Official Website(nicolafranchini): Click Here

This superior jQuery/javascript plugin is developed by nicolafranchini. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *