Talk:Rollover (web design)

From Wikipedia, the free encyclopedia
Jump to: navigation, search

This requires JavaScript to work and not everybody has a browser that supports JavaScript, and many of those who do choose to disable it to avoid popups, spyware, ads/banners/floats and crap.

Yea...you can add that info...I have done my part...time to do yours:P

>x<ino 17:46, 10 May 2006 (UTC)
Now it uses CSS, but it can be done in JavaScript too, but CSS is prefered, its better.
Alright what I don't get is when I tried to add the CSS code to my page on myspace it deformed it beyond viewability. The code I used is down below this post. Bassium!
<style>
a {
 display: block;
 width: 100px;
 height: 30px;
 background-image: url(http://s193.photobucket.com/albums/z236/Bassium08/?action=view&current=DomoGIF1.gif);
}
a:hover {
 background-image: url(http://s193.photobucket.com/albums/z236/Bassium08/?action=view&current=DomoGIF2.gif);
}
a span {
 display: none;
}

</style>

Fact?[edit]

Note that when the "mouse over" moves on the image, the alt image/secondary image will appear but won't stay - when the user "mouses out" by moving the mouse away from the image, the original source image will reappear.

Is this always true? I'm almost sure there is a way around this issue (in Javascript, Flash or Java). Erudecorp ? * 06:14, 19 November 2007 (UTC)

It happens to be true in CSS, but not in Javascript, Flash or Java. This sentence would be more correct if the phrase "Note that" was changed to read "Typically". hac (talk) 22:48, 31 December 2008 (UTC)

Broken Link[edit]

I removed the last external link because it led to a 404. --Pyritie (talk) 14:39, 15 April 2009 (UTC)