The Banner Animator Pop-up Method

Test this pop-up method: Using the Banner Animator Pop-up Method


Windows IE: OK
Windows Firefox: OK
Windows Safari: OK
Windows Opera: OK
Mac IE: OK
Mac Firefox: OK
Mac Safari: OK

BACK TO LIST OF POP-UP METHODS
BACK TO HOME PAGE


The code shows that for each image there can be a unique link. You'd want to slow them down to 3 seconds or more each to use different links, as well as having different ads on each image. The way the code is now, any click will get you to the same link, and the images are one subject only. The timing is currently 1/2 second, which is gotten with the millisecondtimer = 500 variable. The images are set to cycle forever, but you could have the last image be the critical one and stop it there by removing the if (thecount == numpics) {thecount = 0} code.

You may use this technique to present pop-up ads, or to solicit subscribers to your ezine, newsletter, or RSS feed. Use if for reminders, warnings, or statistics displaying. You may get survey participants, ask for donations, or use it for political fund raising. You can even inform visitors about some of your other related websites. There is no end to the types of purposes that pop-ups can be used for.

If your pop-up is about thumbnail enlargement, check out What is the easiest way to do thumbnail image enlargement windows? If you want thumbnail enlargement without clicking, check out Making an Image Enlarge When The Mouse Cursor Is Hovering Over It.




THE CODE



<HTML>
<HEAD>
<TITLE>The Banner Animator Pop-up Method</TITLE>

<script language="JavaScript">

adlinks = new Array()
thepics = new Array()
thecount = 0
numpics = 10
millisecondtimer = 500

thepics[0] = "ad0.gif";
adlinks[0] = "http://www.google.com"
thepics[1] = "ad1.gif";
adlinks[1] = "http://www.google.com"
thepics[2] = "ad2.gif";
adlinks[2] = "http://www.google.com"
thepics[3] = "ad3.gif";
adlinks[3] = "http://www.google.com"
thepics[4] = "ad4.gif";
adlinks[4] = "http://www.google.com"
thepics[5] = "ad5.gif";
adlinks[5] = "http://www.google.com"
thepics[6] = "ad6.gif";
adlinks[6] = "http://www.google.com"
thepics[7] = "ad7.gif";
adlinks[7] = "http://www.google.com"
thepics[8] = "ad8.gif";
adlinks[8] = "http://www.google.com"
thepics[9] = "ad9.gif";
adlinks[9] = "http://www.google.com"

function cyclem() {
thecount++
if (thecount == numpics) {
thecount = 0
}
document.pics.src=thepics[thecount]
setTimeout("cyclem()", millisecondtimer)
}

function newLocation() {
document.location.href = adlinks[thecount]
}

</script>

</HEAD>
<BODY onload="cyclem()">

<A HREF="javascript:newLocation()"><IMG SRC="ad0.gif" WIDTH="300" HEIGHT="60" BORDER="0" NAME="pics" style="position:absolute; top:180px; left:180px;"></A>

</BODY>
</HTML>