Image Rollovers or CSS a:hover ?

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.


}

Re: Image Rollovers or CSS a:hover ?

Gazing into my crystal ball I observed RS writing
in news:uhd1p35acn2uh1tvqaq6nrkbb1b202689h@4ax.com:

> 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.


--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Re: Image Rollovers or CSS a:hover ?

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.

--
Neredbojias
Riches are their own reward.