This simple slideshow plugin will provide your effect gallery. JQuery SlideShow plugin ource code is available on github
<div class="slideShow">
<ul class="slides">
<li class="slide"><img src="900_360_2815b8f28c58175b52b535bf51f3e692.png" width="900" height="360" /></a></li>
<li class="slide"><img src="900_360_46d09a37f76f27815daafc4b96e46399.png" width="900" height="360" /></a></li>
<li class="slide"><img src="900_360_cae9a566a9a5e3a42af8b04f2ea299a0.png" width="900" height="360" /></a></li>
<li class="slide"><img src="900_360_dd9bb48bc247ee3f8358bea788e08ce0.png" width="900" height="360" /></a></li>
<li class="slide"><img src="900_360_63fa2bcabc296f47758d6aaebf23a530.png" width="900" height="360" /></a></li>
</ul>
<ul class="pager">
<li><a href="javascript:void(0);" class="prev">Previous</a></li>
<li><a href="javascript:void(0);" class="next">Next</a></li>
</ul>
</div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://raw.github.com/appleboy/jquery.slideShow/master/jquery.slideshow.min.js"></script>
<script>
(function ($) {
$('.slideShow').slideShow({
interval: 3,
start: 'random',
transition: {
mode: 'slideshow',
speed: 800
}
});
})(jQuery);
</script>
.slideShow {
width: 900px;
height: 420px;
position: relative;
overflow: hidden;
}