Translucent Slideshow Script

Demonya Klik Disini

Kodenya

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">
</script>
<style type="text/css">
#myslideshow{background:#424242;
border-radius:5px;border: 2px solid #BDBDBD;box-shadow:0 0 40px #fff;}
</style>
<script src="https://sites.google.com/site/cuerosbhelatos/translucentslideshow.js" type="text/javascript">
</script>
<script type="text/javascript">
var translideshow1=new translideshow({
 wrapperid: "myslideshow", //ID of blank DIV on page to house Slideshow
 dimensions: [650, 500], //width/height of gallery in pixels. Should reflect dimensions of largest image
 imagearray: [
  ["http://i1206.photobucket.com/albums/bb455/binkbenk/IMG_0578.jpg"], //["image_path", "optional_link", "optional_target"]
  ["http://i1206.photobucket.com/albums/bb455/binkbenk/IMG_0577.jpg", "http://cuerosbhelatos.blogspot.com", "_new"],
  ["http://i1206.photobucket.com/albums/bb455/binkbenk/IMG_0576.jpg"],
  ["http://i1206.photobucket.com/albums/bb455/binkbenk/IMG_0575.jpg"] //<--no trailing comma after very last image element!
 ],
 displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true},
 orientation: "h", //Valid values: "h" or "v"
 persist: true, //remember last viewed slide and recall within same session?
 slideduration: 400 //transition duration (milliseconds)
})
</script><center>
<div id="myslideshow">
</div>
<a href="javascript:translideshow1.navigate('back')" style="background: #000; border-radius: 5px; border: 2px solid #BDBDBD;font-family:Verdana; color: #df7401; margin-right: 500px; margin-top: 10px;">kembali</a>  <a href="javascript:translideshow1.navigate('forth')" style="background: #000; border-radius: 5px; border: 2px solid #BDBDBD; font-family:Verdana; color: #df7401;margin-top: 10px;">lanjut</a></center>

Catatan :

• Untuk kode yang berwarna Biru [650, 550] adalah penyesuaian lebar dan tinggi gambar yang dipakai.
• Sedangkan kode margin-right: 500px adalah jarak tombol kembali dan tombol lanjut
• Kode yang berwarna Kuning adalah alamat gambarnya
• Pemasangan lebih gampang didalam postingan atau ditaruh dalam gadget HTML/Javascript

Lihat Sumbernya : www.dynamicdrive.com