Blinking image

**DocRocks** · 04-12-2006, 10:51 AM

Hello all,

I have tried several js scripts to make images blink. None have worked in my IE6 browser. Does anyone have a good script for this function that allows flexibility in the blink rate? I don't want to overly annoy viewers with rapid distractions. Yes, I agree that blinking should be banned but my client insists!

Thanks

**A1ien51** · 04-12-2006, 10:56 AM

Very basic function, could be done tons of ways.

Code:

function changeImg(){
  document.getElementById("imgId").src = (document.getElementById("imgId").src.indexOf("OnPic.gif") == -1)?"OnPic.gif":"OffPic.gif"; 
}
window.onload = function(){
  var xTimer = window.setInterval("changeImg()",2000);
}

If you need to do it with multiple images, you can make it OO or just add more statements in the function referencing the images.

Eric

**DocRocks** · 04-13-2006, 07:17 AM

Thanks Eric. As you can tell, I know just enough js to get myself in trouble. Following up:

Does all this code go into the <head>? How do I call this function in the <body>?

Thanks

**felgall** · 04-13-2006, 03:57 PM

It all goes in the head and the function call is already included in the code so you don't need to add anything else.

**DocRocks** · 04-14-2006, 01:48 PM

Originally Posted by A1ien51

Very basic function, could be done tons of ways.

Code:

function changeImg(){
  document.getElementById("imgId").src = (document.getElementById("imgId").src.indexOf("OnPic.gif") == -1)?"OnPic.gif":"OffPic.gif"; 
}
window.onload = function(){
  var xTimer = window.setInterval("changeImg()",2000);
}

If you need to do it with multiple images, you can make it OO or just add more statements in the function referencing the images.

Eric

Eric - I cut/pasted the above code from your reply into the header area of my page and changed the image names to those on my server. When I display the page in an IE browser the code text is displayed on the page across the top. No blinking anything. Am I missing some of the code?

BTW, how does the browser know where to place the image? I thought I would have to put a call to the function in the page code where I wanted the image placed although you did say the function is automatically called when the page is opened.

Thanks, hope you don't mind the back and forth.

**A1ien51** · 04-14-2006, 02:28 PM

It is not that complicated. Change the images to the names it should be and give the image an id.

Working example below:

Code:

<html>
  <head>
    <script type="text/javascript">
      function changeImg(){
        document.getElementById("imgId").src = (document.getElementById("imgId").src.indexOf("OnPic.gif") == -1)?"OnPic.gif":"OffPic.gif"; 
      }
      window.onload = function(){
        var xTimer = window.setInterval("changeImg()",2000);
      }
    </script>
  </head>
  <body>
    <img id="imgId" src="OnPic.gif" />
  </body>
</html>

Eric

**DocRocks** · 04-15-2006, 11:28 AM

Thanks for your patience in helping me, Eric. Finally got it working. I wasn't including the id and of course the script wan't being called.

Thread: Blinking image

Thread Tools

Display

Blinking image

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions