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 - случаем не у меня ли подсмотрели?


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыкак сохранить на компьютер баннер html5 ?
9 lamun 638 Вчера, 23:18
автор: lamun
Открытая тема (нет новых ответов) Как зайти через прокси в Webmoney?
8 metvekot 839 Вчера, 22:48
автор: anchous
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыЧто вы делаете, когда лень работать?
71 Zoya83 3542 Вчера, 17:53
автор: DVolodin
Горячая тема (нет новых ответов) Что лучше, фриланс, удаленка, или работа в офисе солидной компании?
132 Levizar 14968 Вчера, 17:40
автор: DVolodin
Открытая тема (нет новых ответов) Как обменять WM в Apple приложении?
1 GlazunOFF 408 26.5.2018, 18:25
автор: JOHNY


 



RSS Текстовая версия Сейчас: 28.5.2018, 4:27
Дизайн