Изменение картинки при наведении

[Г ин]

Доброго времени суток!

Столкнулся с проблемой - изменение картинки при наведении мышки.

Когда пользуюсь в CSS свойством hover картинка появляется под основным изображением.

В Google нашел способ с помощью onMouseOver, но он у меня как-то криво работает.

Если знаете, напишите иной способ или объясните как мне сделать правильно.

Заранее спасибо, Грин.

[Temiks]

Прочтите вот это, может поможет

http://htmlbook.ru/faq/kak-sdelat-chtoby-k...avedenii-na-nee

[Г ин]

Такая информация присутствует на другом сайте.

p.s. Она ничего не помогла.

Edited December 24, 2010 by Г ин

[yujin11]

Доброго времени суток!

Столкнулся с проблемой - изменение картинки при наведении мышки.

Когда пользуюсь в CSS свойством hover картинка появляется под основным изображением.

В Google нашел способ с помощью onMouseOver, но он у меня как-то криво работает.

Если знаете, напишите иной способ или объясните как мне сделать правильно.

Заранее спасибо, Грин.

Я думаю для начала картинку нужно сделать ссылкой, иначе hover работать не будет.

Попробуйте <a href="#" style id="style name></a>

а в CSS прописать

#style name{

background:url(image.gif) no-repeat ;

display:inline-block;

width:_ px;

height:_ px;

}

#style name:hover{

background:url(image-2.gif) no-repeat ;

width:_ px;

height:_ px;

}

У меня сработало

Edited December 24, 2010 by yujin11

[satantx]

Пользуйтесь спрайтами:

Есть картинка

А вот код:

#home a:hover{background: url('img_navsprites_hover.gif') 0 -45px;}
#prev a:hover{background: url('img_navsprites_hover.gif') -47px -45px;}
#next a:hover{background: url('img_navsprites_hover.gif') -91px -45px;}