LC Lightbox

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'>