Easy Gallery 2
The jQuery plugin: Easy Gallery is a lightweight and easy to use image gallery.
Easy as:
- Creating a simple web 2 HTML layout.
- including the script file.
- Calling the function $("#id_of_element").egallery();
You can see alive demo of Easy Gallery below.
For any inquiry, suggestion or questions, please leave a message and i will reply within 24 hour. Or you may leave a comment beneath this article.
Resources:
The code used for above gallery (Easy Gallery) is:
$(document).ready(function (){
$("#gallery").egallery({
animation:'slide', // slide or scroll, Default: scroll
auto: true, // Autoplay option: Boolean..
width:500,
height:230,
speed: 1000,
delay:4000,
easing:'easeInQuart',
thumbs:'numbers',
thumbClass:'tclass',
aClass:'ac'
});
});
$("#gallery").egallery({
animation:'slide', // slide or scroll, Default: scroll
auto: true, // Autoplay option: Boolean..
width:500,
height:230,
speed: 1000,
delay:4000,
easing:'easeInQuart',
thumbs:'numbers',
thumbClass:'tclass',
aClass:'ac'
});
});
The HTML code for Easy Gallery is:
<div id="gallery">
<ul>
<li><img src="eg-images/image1.jpg" border="0" alt="" /></li>
<li><img src="eg-images/image2.jpg" border="0" alt="" /></li>
<li><img src="eg-images/image3.jpg" border="0" alt="" /></li>
<li><img src="eg-images/image4.jpg" border="0" alt="" /></li>
<li><img src="eg-images/image5.jpg" border="0" alt="" /></li>
</ul>
</div>
<div id="ssgThumbs"></div>
<ul>
<li><img src="eg-images/image1.jpg" border="0" alt="" /></li>
<li><img src="eg-images/image2.jpg" border="0" alt="" /></li>
<li><img src="eg-images/image3.jpg" border="0" alt="" /></li>
<li><img src="eg-images/image4.jpg" border="0" alt="" /></li>
<li><img src="eg-images/image5.jpg" border="0" alt="" /></li>
</ul>
</div>
<div id="ssgThumbs"></div>
What's new in Easy Gallery V2?!
- New animation option added. {animation: 'scroll'} has 2 options: scroll (default) or slide (continuous sliding)
- Bug fixes.