12 visual effects for transition

Camomile Bumblebees Wood Toothpicks Camomile Bumblebees Wood Toothpicks Camomile Bumblebees Wood Toothpicks
Camomile Bumblebees Wood Toothpicks Camomile Bumblebees Wood Toothpicks Camomile Bumblebees Wood Toothpicks
Camomile Bumblebees Wood Toothpicks Camomile Bumblebees Wood Toothpicks Camomile Bumblebees Wood Toothpicks
Camomile Bumblebees Wood Toothpicks Camomile Bumblebees Wood Toothpicks Camomile Bumblebees Wood Toothpicks

Source

HTML:
<table class="demo" width="960px">
    <tr>
        <td>
            <img src="img/image_0.jpg" alt="Camomile"/>
            <img src="img/image_1.jpg" alt="Bumblebees"/>
            <img src="img/image_2.jpg" alt="Wood Toothpicks"/>
        </td>
        <td>..</td>
        <td>..</td>
    </tr>
    <tr>
        <td>..</td>
        <td>..</td>
        <td>..</td>
    </tr>
    <tr>
        <td>..</td>
        <td>..</td>
        <td>..</td>
    </tr>
</table>
JavaScript:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){

    $('.demo td:eq(0)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'fade',
        help:'Effect "fade"'
    });

    $('.demo td:eq(1)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'zoomFade',
        help:'Effect "zoomFade"'
    });

    $('.demo td:eq(2)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'scrollUp',
        help:'Effect "scrollUp"'
    });

    $('.demo td:eq(3)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'scrollLeft',
        help:'Effect "scrollLeft"'
    });

    $('.demo td:eq(4)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'scrollRight',
        help:'Effect "scrollLeft"'
    });

    $('.demo td:eq(5)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'scrollDown',
        help:'Effect "scrollDown"'
    });

    $('.demo td:eq(6)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'zoom',
        help:'Effect "zoom"'
    });

    $('.demo td:eq(7)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'growX',
        help:'Effect "growX"'
    });

    $('.demo td:eq(8)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'growY',
        help:'Effect "growY"'
    });

    $('.demo td:eq(9)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'zoomBR',
        help:'Effect "zoomBR"'
    });

    $('.demo td:eq(10)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'zoomTL',
        help:'Effect "zoomTL"'
    });

    $('.demo td:eq(11)').slideshow({
        title:false,
        playFrame:false,
        play:true,
        effect:'random',
        help:'Effect "random"'
    });
});
//]]>
</script>