X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать что бы картинка менялась при наведении на неё.
dim-dim
dim-dim
Topic Starter сообщение 4.3.2009, 2:06; Ответить: dim-dim
Сообщение #1


Бан за спам в ЛС
*****

Группа: Banned
Сообщений: 992
Регистрация: 29.12.2007
Из: Питер
Поблагодарили: 294 раза
Репутация:   55  


Доброго времени суток!

Подскажите пожалуйста как сделать что бы картинка менялась при наведении на неё?

Например две картинки одна черно белая, вторая полноцветная.

Знаю, что есть скрипты которые как бы затемняют её, а при наведении она обретает свой цвет. - это тоже подойдет.
Но так же слышал что это не во всех браузерах работает.

Подскажите пожалуйста как это лучше всего реализовать?

Заранее благодарю за ответы.


--------------------
На нашем форуме запрещено заниматься массовой рассылкой личных сообщений (это расценивается как спам и влечет за собой один из видов наказания).
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Magik
Magik
сообщение 4.3.2009, 2:20; Ответить: Magik
Сообщение #2


Участник
***

Группа: User
Сообщений: 156
Регистрация: 24.2.2009
Из: Киев
Поблагодарили: 38 раз
Репутация:   6  


Вот тут поищи wink.gif
akmac.narod.ru/javas/j36.htm

Сообщение отредактировал Magik - 4.3.2009, 2:24


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Concept
Concept
сообщение 4.3.2009, 2:23; Ответить: Concept
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 495
Регистрация: 26.1.2009
Из: Санкт-Петербург
Поблагодарили: 114 раз
Репутация:   16  


<a href="#" onMouseOver="document.myImage2.src='img2.gif'" onMouseOut="document.myImage2.src='img1.gif'"> <img src="img1.gif" name="myImage2" width=160 height=50 border=0></a>


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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Magik
Magik
сообщение 4.3.2009, 2:25; Ответить: Magik
Сообщение #4


Участник
***

Группа: User
Сообщений: 156
Регистрация: 24.2.2009
Из: Киев
Поблагодарили: 38 раз
Репутация:   6  


И здесь очень хорошо расписано все
forum.ru-board.com/topic.cgi?forum=24&topic=2890


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bull
bull
сообщение 4.3.2009, 2:46; Ответить: bull
Сообщение #5


секс,пейнтбол и рок-н-рол
******

Группа: Active User
Сообщений: 1026
Регистрация: 27.7.2007
Поблагодарили: 153 раза
Репутация:   73  


Все это легко делается через css

css:

a.button {background: /*Задаем фон для ссылки*/
url('1.gif'); /*Прописываем адрес картинки*/
display: block;/*Делаем блочным элементом*/
width: 267px; /*задаем ширину*/
height: 81px; /*и высоту*/
}
a.button:hover {background: /*задаем фон при наведении мыши*/

url('2.gif');
display: block;
width: 267px;
height: 81px;
}

HTML:

<a href="http://www.xxx.ru" class="button"> </a>

Пример: сайт smile.gif.ru главная страница.

p.s. WEBSalat - случаем не у меня ли подсмотрели?

Сообщение отредактировал bull - 4.3.2009, 2:47


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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dim-dim
dim-dim
Topic Starter сообщение 4.3.2009, 9:48; Ответить: dim-dim
Сообщение #6


Бан за спам в ЛС
*****

Группа: Banned
Сообщений: 992
Регистрация: 29.12.2007
Из: Питер
Поблагодарили: 294 раза
Репутация:   55  


Всем большое спасибо за помощь!
bull, нет. Но нужно именно это)


--------------------
На нашем форуме запрещено заниматься массовой рассылкой личных сообщений (это расценивается как спам и влечет за собой один из видов наказания).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sprut
Sprut
сообщение 4.3.2009, 12:39; Ответить: Sprut
Сообщение #7


Завсегдатай
*****

Группа: Active User
Сообщений: 631
Регистрация: 27.12.2007
Поблагодарили: 78 раз
Репутация:   18  


p.s. WEBSalat - случаем не у меня ли подсмотрели?


Сомниваюсь, что у вас... На сайте студии Лебедева так сделано...


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как заработать новичку?
106 Emeralda 17627 Сегодня, 21:17
автор: lesssss81
Горячая тема (нет новых ответов) Как заставить Google любить тебя?
Хочу роста трафа из Гугла : ))
72 Aslan88 16136 Сегодня, 21:02
автор: alexandrrr
Открытая тема (нет новых ответов) Переносится ли вес и тИЦ от входящих ссылок при 301 редиректе
11 Bel_Ami 2853 Сегодня, 20:50
автор: alexandrrr
Открытая тема (нет новых ответов) Как установить источник заражения сайтов?
5 kelevra 318 Сегодня, 17:55
автор: Nell
Горячая тема (нет новых ответов) Как быстро похудеть мужчине в домашних условиях?
бесплатно, без регистрации, без смс
211 Silverspam 13347 Сегодня, 16:48
автор: Catherine_Molli


 



RSS Текстовая версия Сейчас: 11.12.2017, 23:39
Дизайн