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