Membuat Gambar Banner Berganti Secara Otomatis

kode di widget html

MASTDICKY

Home (current) Pricing Features About Join Us

Get work done faster
and better whith us

Our Work

<script type="text/javascript">
var imgs1 = new Array("URL Banner-A","URL Banner-B","URL Banner-C","URL Banner-D");
var lnks1 = new Array("URL Tujuan-A","URL Tujuan-B","URL Tujuan-C","URL Tujuan-D");
var alt1 = new Array("Teks Iklan-A","Teks Iklan-B","Teks Iklan-C","Teks Iklan-D");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",5000);
</script>
<a href=""link iklan-1"" id="adLink1" target="_blank">
<img src="link gambar iklan-1" id="adBanner1" border="0" width="350" height="250" /></a>

Keterangan :

• URL Banner (warna Merah) adalah alamat atau link gambar yang akan dijadikan banner.
• URL Tujuan (warna Biru) adalah URL tujuan, saat gambar banner diklik maka akan menuju link yang menjadi tujuan.
• Teks Iklan (warna Hijau) adalah teks deskripsi singkat tentang gambar banner.
• Angka 5000 adalah kecepatan gerakan banner yang bergantian, semakin rendah nilainya maka akan semakin cepat pergerakannya, begitu juga sebaliknya.
• Width 350 dan Height 250 adalah lebar dan tinggi banner. Silahkan ganti sesuai dengan space yang pas pada template blog konco sinahu.

sumber:http://sinahu-coding.blogspot.com/2015/10/gambar-banner-berganti-otomatis.html