Laman

Senin, 12 Desember 2011

Simple SlideShow with Jquery

Description :
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