Way to make image hidden then appear based on circustance?

Bob Franz · Mar 9, 2005

Hello everyone,

Basically what I am wondering is I have a running timer and once it
reaches a certain time I want an image to apear that the user can
click on. Is this possible and if it is can someone point a complete
newbie in the right direction.

Bob

c.anandkumar · Mar 9, 2005

John · Mar 9, 2005

<script language="Javascript">
var timeToSleep = 10000; // in millisecs
function showImage ()
{
document.images['imageName'].style.visibility = hidden;
}
</script>
<body onLoad="javascript:setTimeout('showImage()', timeToSleep)">
....

Thanks

Anand

a) that would HIDE the image after 10 seconds ... well it would if you
had quotes around the word hidden.
b) I think that would only work in IE (document.images I believe is IE
specific, correct me if I'm wrong)

try this

given the link is as follows:
<a href="whatever.the.link.is" id="xxx" style="visibility:hidden;"><img
src="theImage.jpg"></a>

within the document header, put

<script language="Javascript">
var timeToSleep = 10000; // in millisecs
function showImage()
{
var x=null;
if(document.getElementById)
x=document.getElementById("xxx");
else if (document.images)
x=document.images['imageName'];
if(x && x.style)
x.style.visibility = "visible";
</script>

and, in the body tag:
<body onLoad="javascript:setTimeout('showImage();', timeToSleep)">

c.anandkumar · Mar 9, 2005

I guess both NN and IE support document.images

<script language="Javascript">
var timeToSleep = 10000; // in millisecs
function showImage ()
{
document.images['imageName'].style.visibility = hidden;
}
</script>
<body onLoad="javascript:setTimeout('showImage()', timeToSleep)">
....

Thanks

Anand

Click to expand...

a) that would HIDE the image after 10 seconds ... well it would if you
had quotes around the word hidden.
b) I think that would only work in IE (document.images I believe is IE
specific, correct me if I'm wrong)

try this

given the link is as follows:
<a href="whatever.the.link.is" id="xxx" style="visibility:hidden;"><img
src="theImage.jpg"></a>

within the document header, put

<script language="Javascript">
var timeToSleep = 10000; // in millisecs
function showImage()
{
var x=null;
if(document.getElementById)
x=document.getElementById("xxx");
else if (document.images)
x=document.images['imageName'];
if(x && x.style)
x.style.visibility = "visible";
</script>

and, in the body tag:
<body onLoad="javascript:setTimeout('showImage();', timeToSleep)">

Bob Franz · Mar 9, 2005

Thanx for all the help fellas, sure do appreaciate it.

Bob

I guess both NN and IE support document.images

<script language="Javascript">
var timeToSleep = 10000; // in millisecs
function showImage ()
{
document.images['imageName'].style.visibility = hidden;
}
</script>
<body onLoad="javascript:setTimeout('showImage()', timeToSleep)">
....

Thanks

Anand

Click to expand...

a) that would HIDE the image after 10 seconds ... well it would if you
had quotes around the word hidden.
b) I think that would only work in IE (document.images I believe is IE
specific, correct me if I'm wrong)

try this

given the link is as follows:
<a href="whatever.the.link.is" id="xxx" style="visibility:hidden;"><img
src="theImage.jpg"></a>

within the document header, put

<script language="Javascript">
var timeToSleep = 10000; // in millisecs
function showImage()
{
var x=null;
if(document.getElementById)
x=document.getElementById("xxx");
else if (document.images)
x=document.images['imageName'];
if(x && x.style)
x.style.visibility = "visible";
</script>

and, in the body tag:
<body onLoad="javascript:setTimeout('showImage();', timeToSleep)">

Click to expand...

New to coding - image to the time of day based on time	2	May 14, 2022
Pyautogui, cv2 and cannot find image	0	Feb 7, 2023
How Do I Set text on an Image and use the image as a border?	7	Mar 16, 2023
Correct way to create a remote Desktop on windows 10 with Session Isolation in mind.	0	Jul 16, 2022
Array to select/deselect based on boolean conditions	0	Apr 1, 2019
How to write a browser based timer	12	Feb 21, 2012
How do I call the exact function on page load?	6	May 19, 2023
How to make two elements appear on the same line	9	Apr 9, 2010

Way to make image hidden then appear based on circustance?

Bob Franz

c.anandkumar

John

c.anandkumar

Bob Franz

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads