Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Зависимость ссылки от картинки, Как передать параметр :hover 
:(
    Опции темы
Flight
Дата 25.2.2009, 19:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Есть такой пример.

Как передавать при наведении на картинку тегу <a> параметр :hover и наоборот? Ещё желательно, что-бы href был один на оба элемента (что-бы менять его нужно было только в одном месте).

Т.е. в результате я хочу получить при наведении на картинку или верхнюю ссылку выделение картинки красной рамочкой и одновременно убирание подчеркивания у текста вверху

Это сообщение отредактировал(а) Flight - 25.2.2009, 20:25

Присоединённый файл ( Кол-во скачиваний: 7 )
Присоединённый файл  primer.rar 237,54 Kb
PM MAIL   Вверх
bars80080
Дата 25.2.2009, 20:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



Код

<style>
a { color: #000066; text-decoration: underline; }
a img { border: 0px; }
a:hover { color: #00ff00; text-decoration: none; }
a:hover img { border: solid 1px #ff0000; }
</style>
<a href="#"><img src="pic.jpg" /> linkus</a>

не помогает?
PM MAIL WWW   Вверх
Flight
Дата 25.2.2009, 20:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(bars80080 @  25.2.2009,  20:38 Найти цитируемый пост)
не помогает? 


Вы похоже не поняли сути вопроса. Если можете, скачайте пожалуйста архивчик и думаю сможете понять её.

Тут всё не так просто. Делается это через onmouseover activate, но вот как именно не знаю, т.к. не знаю как эти все скрипты работают...

Это сообщение отредактировал(а) Flight - 25.2.2009, 21:01
PM MAIL   Вверх
bars80080
Дата 25.2.2009, 21:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



не понял вопроса? - объясни
архивчик - ты это сильно загнул. мне от одной мысли пялиться в код длиной в 270 кбайт - уже плохо


Цитата(Flight @  25.2.2009,  19:55 Найти цитируемый пост)
Делается это через onmouseover activate

тогда вообще не в том разделе запостил. хотел решение по javascript? - есть такой специальный раздел. а здесь решения по css можно получить. судя по вопросу - вполне решаемо
PM MAIL WWW   Вверх
Flight
Дата 25.2.2009, 22:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Ну там просто карта ссылок, а кода там 2 килобайта =) Но вопрос уже решили мне за WMZ =)
PM MAIL   Вверх
Coder_D
Дата 7.1.2010, 22:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Я бы тоже хотел узнать:
Есть картинка, которая является ссылкой. Как сделать, чтобы при наведении курсора подставлялась другая картинка? А при убирании курсора возвращалась опять первая картинка?
Внимание! Картинка не бэкграунд!
Нагуглил пару способов, но что-т не то всё.
Слышал, как-то через маусовер это делается. Подскажите пожалуйста!
PM MAIL   Вверх
bars80080
Дата 7.1.2010, 23:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



Код

<img src="pic1.jpg" onmouseover="this.src='pic2.jpg'" onmouseout="this.src='pic1.jpg'" />


такое надо спрашивать в разделе javascript
и создавать при этом отдельную тему
PM MAIL WWW   Вверх
Coder_D
Дата 8.1.2010, 19:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



bars80080, Спасибо большое! Класс! И так просто!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0745 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.