Javascript-форум - Смена bg-image при наведении курсора

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Смена bg-image при наведении курсора (https://javascript.ru/forum/dom-window/52869-smena-bg-image-pri-navedenii-kursora.html)

Смена bg-image при наведении курсора

Всем привет. Мой вопрос не просто "Как заставить меняться фон.изображение при наведении курсора", а как сделать так, чтобы фоновое изображение в блоке div1 менялось при наведении курсора на блок div2? Эти блоки не входят друг в друга, т.е. не являются родительским-дочерним.

А в чём именно сложность, покажи код?

Цитата:

Сообщение от Safort (Сообщение 350697)

А в чём именно сложность, покажи код?

Сложность в том, что я абсолютно не знаю js, а мне нужно сестре доделать сайт за 3 дня. И сейчас нет времени читать все учебники :-(
Всё что касается html уже всё написал. Осталось добавить немного динамики. Код не скидываю, т.к. его какбы и нет (что касается скриптов). Вот скриншот страницы. Мне нужно, чтобы при наведении курсора на блоки слева менялось изображение в правой части. Сможешь помочь? Можно по почте связаться.. В общем отблагодарю, если сможешь чем-то помочь :-) времени очень мало, не хочу подводить людей :-(

Цитата:

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

Эти блоки не входят друг в друга, т.е. не являются родительским-дочерним.

<style type="text/css">
.s {
  border:1px solid red;
  position:absolute;
  background-size:auto 40px!important;
  width:200px;
  height:80px;
}
#1{
  background:url(http://javascript.ru/forum/images/smilies/lol.gif) no-repeat center;
}
#2{
  margin:50px 400px;
  cursor:pointer;
  background:url(http://javascript.ru/forum/images/smilies/tongue.gif) no-repeat center;
}
#2:hover+#1{
 background-image:url(http://javascript.ru/forum/images/smilies/blink.gif)
}
</style>
<div id=2 class="s">2     Наводим Кусор сюда!</div>
<div id=1  class="s">1</div>

Спасибо! Сейчас буду разбираться..

#2:hover+#1 Вот именно здесь я допускал ошибку. Благодарю!