Apr 22, 2014 in Lightbox 3667 views
jQuery Lighter is a jQuery plugin created to provide zoomable content like other lightbox plugins.
1. INCLUDE CSS AND JS FILES
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script> <script src="javascripts/jquery.lighter.js" type="text/javascript"></script> <link href="stylesheets/jquery.lighter.css" rel="stylesheet" type="text/css" />
2. HTML
Setting up a lighter is easy. The following snippet is a good start
<a href="samples/sample-01.png" data-lighter> <img src="samples/preview-01.png" /> </a> <a href="samples/sample-02.png" data-lighter> <img src="samples/preview-02.png" /> </a> <a href="samples/sample-03.png" data-lighter> <img src="samples/preview-03.png" /> </a>
Tagged with:
jquery lighter
provide zoomable content
jquery plugin
lightbox
zoomable content
zoomable
lightbox plugins
lighter
lighter plugin
Related Articles