изменение изображения при наведении курсора

[dangler]

собственно, вопрос в теме ) подскажите, пожалуйста, какой код написать в html, чтобы при наведении мыши изображение менялось на другое?

[Justnewone]

собственно, вопрос в теме ) подскажите, пожалуйста, какой код написать в html, чтобы при наведении мыши изображение менялось на другое?

почитайте на сайте про hover

[Searcher]

И про CSS c HTML почитайте.

[dangler]

то есть через цсс стиль ссылки задавать, да? а раньше вроде (лет 8 назад) я как-то это без цсс делал, правда, уже и не вспомню как

только вот у меня в меню много пунктов, а текст на них - в картинке, так что для каждого пункта свой стиль ссылки.. ) но по-другому особо никак и не сделаешь, я думаю

правда в ИЕ при наведении притормаживает на доли скунды перед сменой картинки, если бытро по пуктам водить. но, главное, что работает спасибо, сделал вот так:

a.main1 {
	background: url(images/main_slice_21.jpg); 
	display: block;
	width: 233px; 
	height: 142px; 
   }

a.main1:hover {
	background: url(images/main_slice_on_21.jpg); 
   }

и так 12 пунктов, у всех разные картинки

Edited April 13, 2009 by dangler

[Justnewone]

зато посетитель получит это 1 раз, а в случае html он будет получать тот же по сути код ровно столько раз, сколько он посетит страниц на Вашем сайте. Изменения, через onmouseover все равно прописывать ровно столько же, и прямо в коде, помножив на количество страниц...

Да, и мучать браузер JS как при наведении, так и при прелоаде картинок (если грамотно подходить, это обязательно).

Edited April 13, 2009 by Justnewone

[dangler]

хм, сейчас залил на хостинг и получается так, что при первом просмотре при наведении на картинку на ее месте появляется пустое место и лишь через некоторое время загружается картинка.. а ведь многие первый раз будут заходить, а это очень уж некрасиво смотрится..

подскажите, пожалуйста, можно ли это как-то решить?

[Searcher]

Вместо 2-х картинок делается одна из двух частей. А по hover просто позиционирование бэкграунда меняете, чтобы вместо первой половины картинки показывалась вторая.

[dangler]

ага, спасибо, сейчас попробую!