Code: Select all
<a href="http://google.com" id="adLink1">
<img src="https://picsum.photos/id/22/200/300" id="adBanner1" alt="banner demo1" width="200" height="300">
</a>
Code: Select all
var imgs1 = new Array('https://picsum.photos/id/22/200/300','https://picsum.photos/id/10/200/300','https://picsum.photos/id/30/200/300');
var lnks1 = new Array('http://google.com','http://facebook.com','http://www.twitter.com');
var alt1 = new Array('banner demo1','banner demo2','banner demo3');
var imgCt1 = 3; // pictures number
var currentAd1 = Math.floor(Math.random() * imgCt1);
console.log(currentAd1);
function cycle1() {
currentAd1 = (currentAd1 + 1) % imgCt1;
console.log(currentAd1);
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
}
cycle1();
window.setInterval(cycle1,5000);//set the time interval here