VPF::Замена картинки на контейнер при onmousover

Morg

Дата 27.3.2010, 15:03 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 31.3.2007

Репутация: нет
Всего: нет

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

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

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

ksnk

Дата 27.3.2010, 16:23 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

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

Это сообщение отредактировал(а) ksnk - 27.3.2010, 16:24

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Morg

Дата 27.3.2010, 16:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 31.3.2007

Репутация: нет
Всего: нет

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

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

ksnk

Дата 27.3.2010, 16:58 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Код


<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>

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

Это сообщение отредактировал(а) ksnk - 27.3.2010, 16:58

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »