Talk:Rollover (web design)

From Wikipedia, the free encyclopedia

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>

[edit] Fact?

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)