Меню картинка в диве

Scorp · 06.02.2009, 11:59

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

Scroll · 06.02.2009, 12:08

Есть такие события: onMouseOver и onMouseOut. При их наступлении надо менять путь к картинке. Для крутости можно еще добавить предзагрузку картинок.

Код HTML:

<img src="1.gif" id="l" 
onMouseOver="document.getElementById('l').src='2.gif'"
onMouseOut="document.getElementById('l').src='1.gif'">

Scorp · 06.02.2009, 13:34

ММ шас попробую

kost · 06.02.2009, 13:58

А еще у объекта есть состояние hover (IE6- понимает только для ссылки). При наведении на объект сдвигать фон.

Например: http://www.wellstyled.com/css-nopreload-rollovers.html

Scorp · 06.02.2009, 16:00

kost,
Вот то вариант что ты прислал можно сделать ссылкой? просто 2 картинки . Ну скажем на одной картинки написано открыто, мышкой наводишь закрыто, и это ссылка.

Добавлено через 37 минут

Scroll,
Спасибо!

Добавлено через 40 минут

<img src="images/05.gif" id="2" onMouseOver="document.getElementById('l').src='ima ges/55.gif'" onMouseOut="document.getElementById('l').src='imag es/05.gif';">

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

kost · 06.02.2009, 16:44

можно

Цитата:

Сообщение от Scorp

<img src="images/05.gif" id="2" onMouseOver="document.getElementById('l').src='ima ges/55.gif'" onMouseOut="document.getElementById('l').src='imag es/05.gif';">

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

Пропиши для всех ссылок разный id. И id не может начинаться с цифры.

Scorp · 07.02.2009, 07:34

kost,
Scroll,
Спасибо проблему решил.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Картинка	Deli	Конкурсы	14	18.02.2010 00:34
Картинка как фон	lioubov	HTML, CSS, JavaScript	37	28.11.2009 19:37
Меню на cms DLE, вид меню, папки (открыты, закрыты)	74ivan74	Кальянная	0	12.08.2009 20:03
Картинка	Bleach	Растровая графика	14	24.08.2005 17:28
Кликабельная картинка	ТехникПТО	HTML, CSS, JavaScript	4	30.05.2005 05:24

06.02.2009, 11:59	#1
Scorp	Подскажите как сделать кнопку(меню) картина которую при наведении мышкой будет сменять другая картинка..

06.02.2009, 12:08	#2
Scroll	Есть такие события: onMouseOver и onMouseOut. При их наступлении надо менять путь к картинке. Для крутости можно еще добавить предзагрузку картинок. Код HTML: <img src="1.gif" id="l" onMouseOver="document.getElementById('l').src='2.gif'" onMouseOut="document.getElementById('l').src='1.gif'"> Последний раз редактировалось kost; 06.02.2009 в 13:55..

06.02.2009, 13:58	#4
kost	А еще у объекта есть состояние hover (IE6- понимает только для ссылки). При наведении на объект сдвигать фон. Например: http://www.wellstyled.com/css-nopreload-rollovers.html

06.02.2009, 16:00	#5
Scorp	kost, Вот то вариант что ты прислал можно сделать ссылкой? просто 2 картинки . Ну скажем на одной картинки написано открыто, мышкой наводишь закрыто, и это ссылка. Добавлено через 37 минут Scroll, Спасибо! Добавлено через 40 минут <img src="images/05.gif" id="2" onMouseOver="document.getElementById('l').src='ima ges/55.gif'" onMouseOut="document.getElementById('l').src='imag es/05.gif';"> что то какая-то ерунда . горизонтальное меню 4 кнопки, на какую бы не навел меняется картинка только на первой кнопке, причем картинка выводится той кнопки на которую навожу. Последний раз редактировалось Scorp; 06.02.2009 в 16:01.. Причина: Добавлено сообщение

07.02.2009, 07:34	#7
Scorp	kost, Scroll, Спасибо проблему решил.