Simple Question.

[beont]

I have used :

<td align="center" width = "20%" height = "40"
onmousedown ="this.style.backgroundImage ='url(./images/bc.jpg)'" onmouseover="this.style.backgroundImage ='url(./images/bo.jpg)'" onmouseout="this.style.backgroundImage='url(./images/b.jpg)'" background="./images/b2.jpg">
<A HREF='./index.php?nav=search' style='text-decoration:none'><font face="Tahoma" color=white size = 3>Search</font></a></td>

When mouseover it changes but when I try mousedown for the first time no image is displayed i have to click several times until the mousedown image appears. then everything works

 

[Jayadev81]

Try to call a script method in the onmousedown event and in that method include the url(....).

See whether the onmousedown event is calling the method specified in the onmousedown event.

 

[Ascalonian]

What about changing onmousedown to onclick?

 

[blackhawkdoc64]

I would recoment onclick as well, unlike onmousedown onclick supports both mouse and keyboard methods of selection so you get the same effect for both methods.

 

[tsuji]

Have you tried switching the images between mouseover and mousedown: maybe the image b.jpg is not loading well?

Otherwise, I would suggest you change the script to css class-based approach so that the event handling would be appearing:
[tt] this.className="class_for_mouseSomething"[/tt]
or if more than one class is assgined to the tag, replacing "class_for_mouseSomething" initially to some destined class. That should be somehow acting like reloading the images? But you should experiment it somehow to draw some lesson from it.

 

[cLFlaVA]

You might also consider applying styles to a:active, a:hover, a:link, a:visited to avoid JavaScript altogether.

http://www.w3schools.com/CSS/css_pseudo_classes.asp

----