LC Lightbox - jQuery Plugin
Documentation
Getting Started
PRIOR NOTE: To understand this documentation you must know how to manage javascript and have basic CSS + HTML knowledge.
LC Lightbox is a jQuery plugin: as first be sure it is already included on your website.
Otherwise download it from here or use the CDN URL like this:
<script src='https://code.jquery.com/jquery-3.2.1.min.js' type='text/javascript'></script>
Plugin supports jQuery 1.7 or newer releases.
Then add lightbox core's CSS and the skin you want to use the the site's HEAD:
<link rel='stylesheet' href='path-to-lc-lightbox/css/lc_lightbox.min.css' /> <link rel='stylesheet' href='path-to-lc-lightbox/skins/minimal.css' />
Finally include the plugin's javascript right before BODY tag closing:
<script src='path-to-lc-lightbox/js/lc_lightbox.min.js' type='text/javascript'>
If you want to use touch interactions, you also need to add AlloyFinger on your site.
There's a ready-to-use version in LC Lightbox's LIB folder
<script src='path-to-lc-lightbox/lib/AlloyFinger/alloy_finger.min.js' type='text/javascript'>