HTML help b4 i go crazy! page 1

Sat, Nov 13 2010 19:05
Hunter27
Classified
Posts 4,142
Retired Moderator

There is a very simple 1 liner code to change images onmouseover and onmouseout but I cant remember it! Driving me nuts, ive tried everything. I need a still jpg image to animate into a gif onmouseover then back to jpg onmouseout.

This can be done in a single line of code iv'e done it before. Anyone know how?

Thanks in advance

 

Sun, Nov 14 2010 0:34
kamz5
Posts 7,085
Moderator
How about this (not exactly one line):

<script type="text/javascript">
function flip(img)
{
var x=img.src;
img.src=img.getAttribute('data-gif');
img.setAttribute('data-gif',x);
}
</script>

<img src="pic.jpg" data-gif="pic.gif" onmouseout="flip(this)" onmouseover="flip(this)" />
Tue, Feb 8 2011 13:46
brad175
Posts 1

You don't need javascript for it.

a href="www.google.com"
onmouseover="nameHere.src='imgs/frog.jpg'"
onmouseout="nameHere.src='imgs/duck.jpg'"
img src="img/pig.jpg" name="nameHere" /a

Gah, i can't get around this forum messing with my code when i post it. Hopefully you understand this.


Sort Posts: