Alternative Image rollover to the Javascript method?
Is there an alternative method to creating a rollover with images, without using Javascript? I see that it doesn't work one bit in Text only browsers, and I didn't know of that... however, I have a customer who is adament on keeping the image rollovers. Are there other options for me to code this or shall I just force him to live without it? 
Share: 
The following article explains it well: http://exp.hicksdesign.co.uk/articles/archive/000055.php
Share:
The extremely crude method I used in early 2000 is as below obviously there are now a more cleaner methods around today, that don't rely upon a transparent image.
<style type="text/css">
<!--
div a { background-image: url("http://www.w3.org/Icons/valid-xhtml10.gif "); width: auto;}
div a:hover { background-image: url("http://www.w3.org/Icons/valid-css.gif"); width: auto;}
-->
<style>
<div>
<a href="#"><img src="clear.gif" width="88" height="31"
border="1" alt="" /></a>
</div>
};-) http://www.xhtmlcoder.com/
WVYFC chose the Yorkshire Air Ambulance as the main charity to fund raise for in 2006
Share:
As a continuation to gez's method, check out Fast rollovers, no preload needed
Share:
Fantastic!! Thank you guys for the responses, these are great methods, and I am happy to stear away from the Javascript rollover 
That last one was so simple, it may be genius
Share: