New and Easy Gallery for jQuery

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

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
});


Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

Easy Gallery Live Demo and Download


You can find a Download link in this what do clen cycle how to quickly increase clen page.


Easy Gallery on jQuery Plug-ins


Easy Gallery on Google Code


For more information and inquiries, please contact the author.

By Alaa Badran

Front-End and Web developer

1 comment

Leave a comment

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