How to make use of it:

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

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

Initialize the plugin.

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

Customization options.

$('.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(){}

});