SitePoint Sponsor |
|
User Tag List
Results 1 to 2 of 2
-
Dec 8, 2003, 15:06 #1
-
Dec 8, 2003, 15:21 #2
I wrote something similar to what's below a few months back. It actually changed text every 30 seconds, but this should work for images.
Code:<script type="text/javascript" language="javascript"> //number of seconds between refreshes; change this //number to change frequency of updates var DEFAULT_TIMELEFT = 30; //variable that counts down. var timeLeft = DEFAULT_TIMELEFT; //temporary variable to store which array member is to be displayed next var showMember = 0; //arrays that store the image paths to be used. Change this //to meet your needs var imgs = new Array("0.gif", "1.gif", "2.gif", "3.gif", "4.gif", "5.gif", "6.gif", "7.gif", "8.gif"); function refreshImage(imgName) { var elImg; //get relevant elements //for DOM browsers if (document.getElementById) { elImg = document.getElementById(imgName); elImg.setAttribute("src", imgs[showMember]); } else { //for non-DOM browsers if (document.images) { elImg = document.images[imgName]; elImg.src = imgs[showMember]; } } //incrememt counter showMember++; //reset if showMember is 9 if (9 == showMember) showMember = 0; timeLeft = DEFAULT_TIMELEFT; } function countDown(imgName) { //if right column is not in the page, then don't run this timeLeft--; //alert(timeLeft); setTimeout("countDown(" + imgName + ")", 1000); if (timeLeft == 0) { refreshImage(imgName); timeLeft = DEFAULT_TIMELEFT; } } //tell this script to run //put in the ID of the image you want to swap in the line below. countDown("swapper1"); </script>
.
HTML Code:<img id="swapper1" name="swapper1" src="9.gif" alt="" />
Bookmarks