Как сделать, чтобы при наведении пункт меню менял картинку?

[Chris]

Нужно сделать, чтобы при наведении на пункт меню менялась картинка. Проблема заключается в том, что это выпадающее меню и на каждый пункт своя картинка.

<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">ббб<img src="img/poli.png" width="130" height="130" alt="ббб"></a>
	 <ul>
	  <li><a href="#">ббб</a></li>
	  <li><a href="#">ббб</a></li>
	  <li><a href="#">ббб</a></li>  
	  <li><a class="last" href="#">ббб</a></li>
	 </ul>
</li>
<li><a href="#">ббб<img src="img/poli.png" width="130" height="130" alt="ббб"></a></li>
<li><a href="#">ббб<img src="img/narugka.png" width="130" height="130" alt="ббб"></a>
	 <ul>
	 <li><a href="#">Элемент 3.1</a></li>
	 <li><a href="#">Элемент 3.2</a></li>
	 <li><a class="last" href="#">Элемент 3.3</a></li>
	 </ul>
</li>
<li><a href="#">ббб<img src="img/dezign.png" width="130" height="130" alt="ббб"></a></li>
<li><a href="#">ббб<img src="img/suven.png" width="130" height="130" alt="ббб"></a></li>
</ul>

пробывал ставить фоном, но только одну картинку на все пункты могу поставить, а если ставлю id на каждый нужный <li>, то почему-то id не работает. И еще если это важно выпадающее меню JS

 

[ArhAngel]

А чем по id не вариант? Тут нужно именно с id рабоать - как уникальный идентификатор, если у вас он не работает - тут ваша ошибка

 

[Chris]

А почему может не работать id? я уже все перепробывал? Position мб с ним ругается?
Я ставлю id, прописываю высоту 1000px и реакции никакой =(

 

[ArhAngel]

Код с id и стилем дайте

 

[Chris]

Вот архив, тут меню и все нужные файлы чтобы работало.

 

[ArhAngel]

Не забывайте что изображения должны быть одинаковым размером 130х130px

<li><a href="#"><span class="menu">Полиграфия</span> <div id = "poli_img"></div></a></li>

и стиль

div#poli_img{ width: 130px; height: 130px; background: url("img/poli.png"); }
div#poli_img:hover{background: url("img/poli-light.png");}

 

[A-F]

А лучше просто картинку смещать чем две разные грузить

 

[ArhAngel]

Тоже верно, но сделано уже две картинки, тут сам смысл был показать селектор по id ))

 

[Chris]

Спасибо огромное!!! Я сегодня целый день мучался с ней)) я если честно не знал, что div можно в этот код вписать, пробовал его перед li поставить, но как понимаю, ul ему не дал права на жизнь
И не понял, как можно было сделать вторым способом?
Еще раз очень вам благодарен!

 

[ArhAngel]

задавать фон одной картинкой - в первом случае без смещения, во втором случае со смещением
на картинке должно быть 2 кнопки сразу в один ряд или столбик