Image Rollovers or CSS a:hover ?

[RS]

Hi,
Which method will load faster, and repond better on the client -

onMouseOver="changeImages()"

Or

a:hover{
background-image:url(images/BG.gif);
}

Or

a:hover{
background-color: black; /*change the background color on rollover*/

Thanks in advance.


}

 

[Adrienne Boswell]

Hi,
Which method will load faster, and repond better on the client -

onMouseOver="changeImages()"

Does not work for users without javascript.

Or

a:hover{
background-image:url(images/BG.gif);
}

Works for those without js, and depends on the size of the image as far
as speed goes.

Or

a:hover{
background-color: black; /*change the background color on rollover*/

Is always going to be faster than an image on the client.

Thanks in advance.

You're welcome.

 

[Neredbojias]

Well bust mah britches and call me cheeky, on Fri, 18 Jan 2008 14:28:28 GMT
RS scribed:

Hi,
Which method will load faster, and repond better on the client -

onMouseOver="changeImages()"

Or

a:hover{
background-image:url(images/BG.gif);
}

Or

a:hover{
background-color: black; /*change the background color on rollover*/

As the frugal gourment implied, the prize goes to (3). That's also the one
(uh, meaning "3") which should typically be used most of the time.