Почему не работает смена bg через mouseover и mouseuot[JS]?

Question

[Martyer]

Здравствуйте.
Появилась нужда менять фон (картинки) при наведении на определённую область сайта.
Решил реализовать это через JS. Тестил тут, всё отлично (картинки тоже меняет), однако на сайте картинки не меняются. В инспекторе видно что при наведении на красную фигуру к обёртке добавляется нужный стиль и когда убираю курсор, всё встаёт на место, но картинки на сайте не видно. Помогите пож-та новичку разобраться что и как.)

Answer 1

[Elwen]

В коде подставляется не верный адрес к картинкам. Дело в том, что изначально у вас стиль прописан в css (который лежит в подпапках) и путь до фона рассчитывается от него. А через js вы прописываете адрес непосредственно на странице и путь рассчитывается уже от нее. Перепишите подставляемые адреса на /themes/theme_2/img/bg/[изображение] и по mouseout легче не подставляла изначальную картинку, а уничтожать атрибут style.

Comments

[Martyer]

огромное Вам спасибо, теперь всё работает)