Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Замена картинки на контейнер при onmousover

Автор: Morg 27.3.2010, 15:03

Здравствуйте!

Извините, не знаю как даже гугл правильно спросить. Нужно чтобы при наведении мышки на картинку она заменялась divом с картинками, которые в свою очередь подсвечивались при наведении. Ну, и при убирании мышки чтобы картинка возвращалась. И желательно чтобы картинки кешировались.

Пожалуйста, помогите, ткните куда надо меня =)

Автор: ksnk 27.3.2010, 16:23

див с картинками "чтобы подсвечивалось" в состоянии сделать?
если да, то выводишь одновременно картинку и див, но див со стилем display:none;
по mouseover на картинке убираешь картинку и показываешь див. И наоборот...

Автор: Morg 27.3.2010, 16:51

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

"Чтобы подсвечивалось" в состоянии ;)

Автор: ksnk 27.3.2010, 16:58

Код


<style>
#container div {display:none;}
#container.divcheg div {display:block;}
#container.divcheg img.picture {display:none;}
</style>


<div id="container" class="">
<img class="picture" src="картинко.jpg" onmouseover="document.getElementById('container').className='divcheg';">
<div onmouseout="document.getElementById('container').className='';">
... многа умных картинкоф...
</div>
</div>

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