New and Easy Gallery for jQuery


Posted on August 1st, by Alaa Badran in Uncategorized. 1 Comment

New and Easy Gallery for jQuery

In Thursday, July 29, I have published a new jQuery gallery plug-in named as Easy Gallery.
This gallery is easy to be used and has a simple code.

Not talking too much about it, i will provide you with all links available.
But let me tell you how does this gallery work:

Easy Gallery

The HTML code used for Easy Gallery as follow:


<div id="gallery">
    <ul>
        <li><img src="image1.jpg" border="0" alt="" /></li>
        <li><img src="image2.jpg" border="0" alt="" /></li>
        <li><img src="image3.jpg" border="0" alt="" /></li>
        <li><img src="image4.jpg" border="0" alt="" /></li>
        <li><img src="image5.jpg" border="0" alt="" /></li>
    </ul>
</div>
<div id="ssgThumbs"></div>

The jQuery code used to run the gallery is:

$("#gallery").egallery();


This is the gallery default script.
You can customize the gallery by giving some values like:


$("#gallery").egallery({
width:500, // in pixels
height: 300,
speed: 600, // The animation speed, in milliseconds 
delay: 4000, // delay between animations, in milliseconds
easing: '', // easing animation, require easing plug-in to be included to the page. 
thumbs: 'none', //  Thumbs: none, numbers, image OR custom
thumbClass: '', // Thumb CSS class
thumbImage: '', // Image url for thumbs.
aClass: '', // Thumb active class
auto: true // set to true to enable auto play
});



Easy Gallery Live Demo and Download


You can find a Download link in this page.



Easy Gallery on jQuery Plug-ins



Easy Gallery on Google Code


For more information and inquiries, please contact the author.





One thought on “New and Easy Gallery for jQuery

Leave a Reply

Your email address will not be published. Required fields are marked *