PDA

Click to See Complete Forum and Search --> : Image mouseover

webguy_70
02-05-2003, 08:08 PM
I am looking for the code, what I am looking to do is the following...

When a person runs his mouse over a button link I want it to change a graphic situated somewhere on the page.

Can I also have a sound do it as well... is this basic HTML or more advanced such as DHTML or flash?

Thanks for the help.

Barry
webguy_70
02-06-2003, 03:28 PM
Any help would be much appericated...
blue143
02-10-2003, 08:45 AM
go there,

http://www.codeave.com/javascript/code.asp?u_log=7021

you will find the complete working code for image mouseovers

hope i helped!

;)
pointypuss
02-10-2003, 10:14 AM
on the subject of mouseovers does anyone use this imageswap technique. No javascript, which is nice, but I am not sure how cross-platform cross-browser friendly it is.


http://www.virmalo.net/rollover_html/rollover_html.html
Charles
02-10-2003, 10:18 AM
Originally posted by pointypuss
on the subject of mouseovers does anyone use this imageswap technique. No javascript, which is nice, but I am not sure how cross-platform cross-browser friendly it is.


http://www.virmalo.net/rollover_html/rollover_html.html That is a JavaScript method. And like all JavaScript methods it will fail at least one in ten times.
Robert Wellock
02-11-2003, 06:25 AM
A very basic Cascading Style Sheet Rollover would be like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
div a:hover { background-image: url("http://www.w3.org/Icons/valid-css.gif"); width: auto;}
div a { background-image: url("http://www.w3.org/Icons/valid-xhtml11.gif"); width: auto;}
-->
</style>
<title>CSS Rollover
</title>
</head>
<body>
<p>Hover your mouse over the W3C image to see it change; you also need a Transparent *.gif called: dotclear.gif</a>
<div>
<p>
<a href="#"><img src="dotclear.gif" width="88" height="31"
border="0" /></a>
</p>
</div>
</body>
</html>