Help with Images

**Dinold** · 03-05-2007, 02:20 PM

I need to code that allows my to view an image for certain time and then hide it or disappear it please help me !!!!

**mcg** · 03-05-2007, 03:02 PM

hey,

you shold use javascript timeout here is an example :

Code:

<script type="text/javascript">
<!--
function timingex( ){
setTimeout("alert('Three seconds has passed.');",3000);
}
// -->
</script>

<form>
<input type="button" VALUE="Click me!" OnClick="timingex( )">
</form>

Hope it's was helfull !!!

**Dinold** · 03-05-2007, 03:36 PM

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>
<script type="text/javascript">

</script>

<form>
<input type="button" VALUE="Click me!" OnClick="timingex( )">
</form>
</body>

</html>

I need an Image not a botton could you code with an image

**thetestingsite** · 03-05-2007, 03:42 PM

Code:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>


<script type="text/javascript">
<!--

function hideImg(){

setTimeout("alert('Three seconds has passed.');",3000);

document.getElementById('hideImg').style.visibility = 'none';
}

// -->
</script>

</head>

<body>

<div id="hideImg">
   <img src="test.gif" onload="hideImg();">
</div>

</body>

</html>

Change the part in red above to the image you want. Not tested, but should work. Hope this helps.

**Dinold** · 03-05-2007, 03:47 PM

Instead of making an botton saying 3 seconds passed is it possible to hide it or make it disapper image

**thetestingsite** · 03-05-2007, 03:51 PM

Ok, try this:

Code:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>


<script type="text/javascript">
<!--

function hideImg(){

   setTimeout('dohide()',3000);

}

function dohide() {

   document.getElementById('hideImg').style.visibility = 'hidden';

}
// -->
</script>

</head>

<body>

<div id="hideImg">
   <img src="test.gif" onload="hideImg();">
</div>

</body>

</html>

Again, not tested.

**Dinold** · 03-05-2007, 03:56 PM

Is not working but I think your close

the image does not disappear

**thetestingsite** · 03-05-2007, 03:59 PM

Editted (spelling?) the code once again. One little mistake that I found with the visibility. Notice the part in blue in the second code snippet above.

Hope this helps.