settimeout vraagje

Status
Niet open voor verdere reacties.

mastermindzh

Verenigingslid
Lid geworden
10 dec 2008
Berichten
4.993
ik wil een delay toevoegen aan mijn image

zodat als de muis ervanaf gaat dat dan de image nog een bepaald aantal tijd blijft...

ik krijg het niet voor elkaar :(

dit is wat ik nu heb

HTML:
<html>
<head>

</head>
<body>


<br><br>


<table background="Button_background.png">
<tr>
<td width="1200">
<a href="http://www.google.nl"><img src="button_unfolded_home.png" </a>

<a href="http://www.google.nl"><img src="button_folded.png" onmouseover="this.src='Button_contact.png'" onmouseout="setTimeout('IMG src="Button_folded.png'.', 300)"/> </a>
</td>
</tr>
</body>
</html>
 
Hmm die syntax is niet helemaal correct. :P
Ik heb het even voor je aangepast:

Code:
<html>
<head>
</head>
<body>
 
 
<br><br>
 
 
<table background="Button_background.png">
<tr>
<td width="1200">
<a href="http://www.google.nl"><img src="button_unfolded_home.png" </a>
 
<a href="http://www.google.nl"><img id="deknop" src="button_folded.png" onmouseover="this.src='Button_contact.png'" onmouseout="setTimeout(\"document.getElementById('deknop').src = 'Button_folded.png'\", 300);"/> </a>
</td>
</tr>
</body>
</html>

Merk op dat ik de afbeelding in kwestie een id gegeven heb, "deknop". Deze is nodig om er in de functie naar te kunnen verwijzen.


Oh, en dit was ik nog vergeten te zeggen: Hou er rekening mee dat als je de knop meerdere keren wilt gebruiken, dat je het dan elke keer een andere id moet geven. Ook aanpassen in het onmouseout deel.
 
Laatst bewerkt:
ik ga hem strakjes proberen :P

en ik ken een id wel :D

dus ik weet hoe dat verder gaat :P

bedankt voor de goede syntax
 
Settimeout eet als eerste parameter een functie, niet een string. Zoiets dus:
[JS]setTimeout(function()
{
document.getElementById('geval').src = 'foo.png';
}, 300);[/JS]-->
HTML:
onmouseout="setTimeout(function(){document.getElementById('deknop').src = 'Button_folded.png'}, 300);"
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan