ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как задать hover для картинки
8 сообщений из 8, страница 1 из 1
Как задать hover для картинки
    #36440288
Soul_Slayer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Soul_Slayer
Гость
Добрый вечер.

Есть такой код:

автор<html>
...
<body>
<div id="container1">
<a href="index1.php" id="a_left"><img src="img1.jpg" class="tbl" /></a>

<div id="container2">
<a href="index2php" id="a_right"><img src="img2.jpg" class="tbl" /></a>
</body>
</html>

И есть CSS:
автор
#container1 {
..... }

#container2 {
..... }

#tbl {
margin:0px;
height:100%;
width:100%;}

Подскажите как применить hover (сменить img1.ipg на img1_1.jpg при наведении курсора на div) к container1.
...
Рейтинг: 0 / 0
30.01.2010, 18:09:43
| Ответить | Цитировать | Написать  
Как задать hover для картинки
    #36440304
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Как вариант... Заменить картинку на фоновую картинку, например в ДИВе...

Код: plaintext
<a href="index1.php" id="a_left"><div></div></a>

И забацать такой ЦСС...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
#a_left div {
   width: /* ширина картинки */
   height: /* высота картинки */
   background: url('img1.ipg')
}
#a_left:hover div {
   background: url('img1_.ipg')
}

Но совать блочный элемент в строчный не приветствуется последней инструкцией ВЦСПС...

А почему именно hover? Ведь есть события onmouseover() и onmouseout()...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
30.01.2010, 18:35:07
| Ответить | Цитировать | Написать  
Как задать hover для картинки
    #36440312
Soul_Slayer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Soul_Slayer
Гость
А с событиями onmouseover() и onmouseout() как сделать? Разницы каким методом нету, главное результат - смена картинки в ячейке таблицы по наведению мыши, ну и желательно конечно чтобы быстро действие происходило.

Спасибо за помощь.
...
Рейтинг: 0 / 0
30.01.2010, 18:45:07
| Ответить | Цитировать | Написать  
Как задать hover для картинки
    #36440319
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Soul_SlayerА с событиями onmouseover() и onmouseout() как сделать?
Прямо так и сделать...

Код: plaintext
<img src="img1.jpg" class="tbl" onmouseover='this.src="img1_1.jpg"' onmouseout='this.src="img1.jpg"' />
...
Рейтинг: 0 / 0
30.01.2010, 18:52:28
| Ответить | Цитировать | Написать  
Как задать hover для картинки
    #36440325
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Soul_Slayerну и желательно конечно чтобы быстро действие происходило.
Тогда нужно делать шахер-махер, что бы все вылетели нахер... (с) Вот есть совет .
...
Рейтинг: 0 / 0
30.01.2010, 18:58:08
| Ответить | Цитировать | Написать  
Как задать hover для картинки
    #36440328
Soul_Slayer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Soul_Slayer
Гость
krvsaSoul_SlayerА с событиями onmouseover() и onmouseout() как сделать?
Прямо так и сделать...

Код: plaintext
<img src="img1.jpg" class="tbl" onmouseover='this.src="img1_1.jpg"' onmouseout='this.src="img1.jpg"' />


Спасибо, все заработало. :)
...
Рейтинг: 0 / 0
30.01.2010, 19:02:04
| Ответить | Цитировать | Написать  
Как задать hover для картинки
    #36441618
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
krvsaНо совать блочный элемент в строчный не приветствуется последней инструкцией ВЦСПС...А зря, иногда очень помогает.
С чем, кстати, связана эта рекомендация, не знаете?
...
Рейтинг: 0 / 0
01.02.2010, 10:55:43
| Ответить | Цитировать | Написать  
Как задать hover для картинки
    #36441732
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
AntonariyС чем, кстати, связана эта рекомендация, не знаете?
Такой документ не считается валидным... Иными словами "так делать не нужно".
...
Рейтинг: 0 / 0
01.02.2010, 11:36:57
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как задать hover для картинки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=263&tid=1453598]:
 0ms
get settings:
 6ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 263ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 212ms
total:  552ms
созд. / загр.: 552ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]