Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Модератор форума: juliya  
Форум » uCoz » Cкрипты » Смена картинки на сайте при наведении курсора мыши на изобра
Смена картинки на сайте при наведении курсора мыши на изобра
juliyaДата: Воскресенье, 04-Декабря-2016, 17:14:14 | Сообщение # 1
Палкомник
Группа: Модераторы
Сообщений: 13
Награды: 1
Репутация: 32767
Статус: Offline
Доброго дня, Уважаемые. Подскажите пожалуйста, как в моем случае создать скрипт, который запустит gif ку при наведении на него курсора.

На сайте в таблице я поместила изображения цветков. Но некоторые у меня в двух ракурсах. А gif анимация в больших количествах покалечит глаза )) как бы мне их запускать только при наведении курсора

Буду благодарна за любую помощь wink




Сообщение отредактировал juliya - Воскресенье, 04-Декабря-2016, 17:14:37
 
ЧичикуДата: Воскресенье, 04-Декабря-2016, 17:17:32 | Сообщение # 2
Сержант
Группа: Пользователи
Сообщений: 5
Награды: 0
Репутация: 0
Статус: Offline
Вот тебе пример:

Код
<img src="ссылка на основную картинку" width="ширина" height="высота"
onmouseover="this.src='ссылка на меняющиюся картинку'; this.width=ширина;this.height=высота;"
onmouseout="this.src='ссылка на основную картинку'; this.width=ширина;this.height=высота;" />


Сообщение отредактировал Чичику - Воскресенье, 04-Декабря-2016, 17:18:35
 
VitalyaДата: Пятница, 23-Декабря-2016, 17:20:18 | Сообщение # 3
Генерал_палкомник
Группа: Администраторы
Сообщений: 114
Награды: 0
Репутация: 32767
Статус: Offline
Вот на css

Картинка при на навидении и нажатии курсора меняется
Код
#button {
display: block;
width: 90px;
height: 90px;
background: url(/YT_off.png) no-repeat top;
}
#button:hover {
background: url(/YT_hover.png) no-repeat bottom;
}

#button:active {
background: url(/YT_on.png) no-repeat bottom;
}


Там где вам нада ставим этот код:
Код
<a id="button" target="_blank" href="тут сайт"></a>


 
Форум » uCoz » Cкрипты » Смена картинки на сайте при наведении курсора мыши на изобра
  • Страница 1 из 1
  • 1
Поиск: