Multiple image blink

Date: 12/03/05 (Javascript Community) Keywords: java

soliloquy76 and scimon graciously helped me with a single-image JS blinker yesterday. I've tried a number of different things to apply what they offered to multiple images. Unfortuantely Javascript only sees one image if I have several with the same ID.

I was able to acheive what I want by (hold on to your hats) creating an extra function for each image I wanted to blink on the page - which hurt to do, but I wanted to know it was at least kinda possible.

So what I'd like to do is combine all of that into a single function.

<shtml> <head> <title>A really bad way of blinking multiple images</title> <script type="text/javascript"> function blink2() { var e = document.getElementById("blinker2"); e.style.visibility = ( e.style.visibility == 'visible' )? 'hidden' : 'visible'; setTimeout("blink2();", 500); } function blink3() { var e = document.getElementById("blinker3"); e.style.visibility = ( e.style.visibility == 'visible' )? 'hidden' : 'visible'; setTimeout("blink3();", 500); } function blink4() { var e = document.getElementById("blinker4"); e.style.visibility = ( e.style.visibility == 'visible' )? 'hidden' : 'visible'; setTimeout("blink4();", 500); } </script> </head> <somebody onload="blink2(); blink3();blink4();"> <img id="donotblink_1" src="imagehelloworld.jpg"> <img id="blinker2" src="imagetwo.jpg"> <img id="blinker3" src="imagethree.jpg"> <img id="donotblink" src="imagefoo.jpg"> <img id="blinker4" src="imagefour.jpg"> </somebody>

Since I don't want to blink *every* image on the page I'll need a way of identifying those images I want to manipulate.. perhaps with a string in the id field: id=blink123, blink124, blink125 for blinking images, and id=122, 126, 127 for non-blinking images.

When looping through image id's on the page I could use something like this to know whether or not to blink it:

imageid = document.image.id; blinktest = /blink/gi; isblink = imageid.search(isblink); if (isblink) { // make this image blink }

Source: http://www.livejournal.com/community/javascript/86758.html

« Linking a rotating gallery

Someone help out a newbie??? »