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>