jQuery Simple Transition

jQuery Simple Transition is a light weight plugin which enables you to have different kinds of transitions between images. See the expamples below.

Demo

Defalut Transition

Fade Transition

Tinker Transition

How to use

This is the little snippet of code which is used to make the transitions on this webpage. This might be useful for you.

The below is my HTML

<div id="TR1" >
</div>

This is my JavaScript

<script type="text/javascript">
   jQuery('document').ready(
      function(){
         jQuery('#TR1').transition({
            duration : 1500,
            images : ['img1.png', 'img2.png', 'img3.png'],
            type : 'fade' // make this fade, tinker, or leave blank as you prefer
         });
      }
   );
</script>

If you have linked the jQuery library and the jquery.transitions.js to your HTML properly and you have added the two snippets of code properly then you will end up with a nice transition effect.

* Note: please remember to link the CSS files before the javascripts.

Download here