change button image on hover?

[scooter]

hi,
Anybody know how to change the button images(gif)
when you hover on them not css buttons.
the ones i want to do are the list ,previous and back
buttons in navNextPrevList and of course i still want them to
link
..
thanks

[tony_sar]

those are done using Javascript.
i think you can do that with CSS as well .

[scooter]

yes they can be done in both i would rather use css
any source code?? examples?

[tony_sar]

you may want to look at this source code ..
http://www.tutorio.com/tutorial/pure...mage-rollovers

[scooter]

thanks for your input...
perhaps i might elabrate,
i can/have found code
i know each button will have a hover event 2 gifs for each button
this is what i found that looks useable
but i'm not sure how to target each of the 3 existing buttons
a#image1
{
display: block;
width: WIDTHHEREpx;
height: HEIGHTHEREpx;
background-image: url(URL TO ORIGINAL IMAGE.gif);
margin: 0 auto;
}
a#image1:hover
{
background-image: url(URL TO MOUSEOVER IMAGE.gif);
}
a .alt
{
display: none;
}

[tony_sar]

I can't elaborate on this much since my ability with zencart inner working is limited .

those buttons are part of DIV tag , with ID navNextPrevList . normally you can add additional class to existing classes in div.

you are better off creating class for your anchor element. like

.navbutton a{}

.navbutton a:hover {}

etc.

but i guess, i would ask CSS stuff from stylesheet support section of zencart forum .