Create the slideshow image with simple jquery
Function :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex14/fadeslideshow.js">
<script type="text/javascript"> var mygallery=new fadeSlideShow({ wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["http://www.dynamicdrive.com/dynamicindex4/pool.jpg"], ["http://www.dynamicdrive.com/dynamicindex4/cave.jpg"], ["http://www.dynamicdrive.com/dynamicindex4/fruits.jpg"], ["http://www.dynamicdrive.com/dynamicindex4/dog.jpg"] //<--no trailing comma after very last image element! ], displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: "always", togglerid: "" })
</script>
Tidak ada komentar:
Posting Komentar