Форум Сайтостроение Веб-строительство

Смена картинки при наведении мыши

mff
На сайте с 21.02.2008
Offline
282
mff
859

Здравствуйте коллеги. Написал вот такой код: 

<div style="width:686px; height:386px; background:url(do_i_posle.jpg) 0px no-repeat;" onmouseover="this.style.background='url(do_i_posle.jpg) -686px no-repeat';" onmouseout="this.style.background='url(do_i_posle.jpg) 0px no-repeat';"> </div>
суть в том, что при наведении мыши картинка сдвигается влево ровно на половину и там другое изображение. Но вот в чем проблема, движок сайта, а точнее редактор вставляет кусок своего кода и вся задумка не работает.

Посоветуйте пожалуйста другой вариант. Тупо сделать, чтоб картинка менялась при наведении не катит, так как подгрузка второго рисунка дает паузу. Флеш - тоже как то не то :rolleyes:

Управление репутацией в сети: https://timbook2.ru/
Codd
На сайте с 13.01.2011
Offline
65
Codd
#1
Но вот в чем проблема, движок сайта, а точнее редактор вставляет кусок своего кода и вся задумка не работает.

Покажите код, который вставляет редактор.

"Другой" вариант


<html>
<head>
<style type="text/css">
span#ad {
	background: url('do_i_posle.jpg') no-repeat;
	display: block;
	width: 686px;
	height: 386px;
}
span#ad:hover {
	background-position: -686px 0;
}
</style>
</head>
<body>
<span id="ad"></span>
</body>
</html>
Блог (https://codd-wd.ru/)
mff
На сайте с 21.02.2008
Offline
282
mff
#2
Codd:
Покажите код, который вставляет редактор.

Спасибо, всё получилось, странный редактор или мне спать пора :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий