i want to swap a image everytime someone goes witht he mouse over a word, for example ther eis a list of animals, and if you go over a word the IMAGE on the right side of the webseite changes to that of the animal (always on same position)
ON html i could do it, but i have no idea how to do this with this DIV and SPAN things...
The website im using dosent allow CSS or normal html image swaps :/
For example, mouseover works like this: (and only like this)
<ul class="multi_select"><li class="selector">
<a rel="nofollow" href="#" target="_blank">
<span class="ms-int" style="width:186px;height:276px;background-image:url(pic01a.gif);border:0;margin:0;padding:0;">
<span class="button" style="width:186px;height:276px;background-image:url(pic01b.gif);border:0;margin:0;padding:0;"></span>
And i have NO idea why this is working like above... its just on the website it says use "this" for Mouseover Images.
Any idea how i can use the same style for swaping a image on a position on the site like i wrote above?
Like changing a pic to "pic01c.gif" "pic01d.gif" "pic01d.gif" etc. by mousover some text?
I know its not good explaind, maybe someone has a idea? thanks