Multi-functional jQuery Image Presentation Plugin - ezPics

File Size: 628 KB
Views Total: 2127
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Multi-functional jQuery Image Presentation Plugin - ezPics

ezPics is a full jQuery based image presentation solution which allows to showcase your images in an automatic slideshow, a modal popup or a fullscreen gallery lightbox.

Basic Usage:

1. Load jQuery library and jQuery ezPics plugin's files in your document.

<link href="css/ezpics.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

2. The Html & JavaScript to create a simple responsive slider from a unordered list of image.

<ul id="ezSlider">
  <li><img src="img/1.jpg"></li>
  <li><img src="img/2.jpg"></li>
  <li><img src="img/3.jpg"></li>
  <li><img src="img/4.jpg"></li>
  <li><img src="img/5.jpg"></li>
</ul>

<script>
$(function() {
  $('#ezSlider').ezSlider();
});
</script>

3. The Html & JavaScript to display your image in a responsive modal-style lightbox.

<img src="img/1.jpg" class="lightbox">

<script>
$(function() {
$('.lightbox').click(function() {
  $(this).ezLbox();
});
});
</script>

4. The Html & JavaScript to display your images in a responsive gallery lightbox.

<ul id="ezGlry">
  <li><img src="img/1.jpg"></li>
  <li><img src="img/2.jpg"></li>
  <li><img src="img/3.jpg"></li>
  <li><img src="img/4.jpg"></li>
  <li><img src="img/5.jpg"></li>
</ul>

<script>
$(function() {
  $('#ezGlry').ezGlry();
});
</script>

5. ezSlider options.

'fade': 500,
'intervalTime': 5000,
'height': 350,
'dots': true,
'bgColor': 'white',
'squareDots': false

This awesome jQuery plugin is developed by bluesuede. For more Advanced Usages, please check the demo page or visit the official website.