A question for all of youy web gurus

qwertyiop

Were revamping our whole company website and were need something done that we dont know how to do so im here for help.

Basically on the homepage there will be a about 7 pictures each representing a different service that my company offers. We would like for a little text box to change depending of what image we hover the cursor on. The text box will be a description of the services we offer.

An example of this can be found on this site. Haley & Aldrich | Welcome
As you can see, the text box changes as you hover on the different images.


Any help would really be appreciated.

Pash

They would be using DHTML to achieve this, simply put its a collection of html, css and javascript to achieve an end webpage to your client browser.

Dynamic Drive DHTML(dynamic html) & JavaScript code library is a popular script repository for this stuff. You might find something out of the box that helps with this.

If you wanted to be real fancy, you could also adopt AJAX (asynchronous javascript and xml), this would have more use if you needed to make calls to external databases and pull in data without refreshing the webpage. I would only recommend using this if you wanted to change the data being displayed on the page regularly.

Someone might be kind enough to pipe up with their own work, or an example.

Goodluck chief.

qwertyiop

Thanks for those links, im on there and cant seem to find it.

I looked at the link that I gave you and I see that when the mouse goes over an image a second image changes. Does anybody know how to do this?

captobvious

It's a part of the image tag.

From the page source:

<img src="../images/home/leaf.jpg" id="leaf" name="leaf" hspace="0" vspace="0" border="0" onmouseover="MM_swapImage('leaf','','../images/home/habitats.gif','leaf','','../images/home/leaf_over.jpg','text','','../images/home/habitats_text.gif',1)" onmouseout="MM_swapImgRestore()" />