Membuat Slideshow sederhana di Weblog dengan javascript

Ingin menampilkan Slideshow foto2 anda pada blog/web anda tanpa menggunakan 3rd party application? jawabannya adalah javascript.

Bagaimana caranya ? pasang aja code dibawah ini, tinggal copy dan paste ke HTML anda, dan tidak menutup kemungkinan script ini dirombak lagi untuk menghasilkan tampilan yang lebih bagus

<script language="JavaScript">
// Masukkan array yang berisi URL-URL gambar yang akan dijadikan slideshow
src = ["http://www.URLImageAnda/Image1Anda.jpg", "http://www.URLImageAnda/Image2Anda.jpg", "http://www.URLImageAnda/Image3Anda.jpg", "http://www.URLImageAnda/Image4Anda.jpg", "http://www.URLImageAnda/Image5Anda.jpg"];
// Masukkan Array yang berisi link yang dituju jika masing-masing gambar diklik
url = ["", "", "", "", ""];
// lama/durasi sebuah gambar ditayangkan
duration = 4;
ads=[];
ct=0;
// function utama menampilkan slideshow
function switchAd()
{
var n=(ct+1)%src.length;
if (ads[n] && (ads[n].complete || ads[n].complete==null))
{
document["Ad_Image"].src = ads[ct=n].src;
}
ads[n=(ct+1)%src.length] = new Image;
ads[n].src = src[n];
setTimeout("switchAd()",duration*1000);
}

// function untuk mengaktifkan link
function doLink()
{
// baris dibawah saya comment karena link tidak saya aktifkan
//location.href = url[ct];
}

// panggil function switchAd pada saat halaman di-Load
onload = function(){if (document.images)switchAd();}
</script>

//pasang tag image untuk menampung slideshow olahan Javascript
<img style="width: 460px;" src="http://www.someurl.com/image1.gif" name="Ad_Image" border="0" />

Untuk menambah foto, anda dapat menambahkan URL image yang akan anda tambahkan pada array src secara langsung (pisahkan dengan tanda ','. dan jangan lupa apit URL tersebut dengan tanda petik ('')).

catatan : semua berjalan dengan baik di Firefox, kalo di IE, ada sedikit masalah dengan resolusi gambar, kalo ada yang udah bisa buat untuk kedua-duanya kasi tau saya yah, i'm very2 appreciate it..