Как сделать изменение картинки со ссылкой при наведении курсором?

голоса: 0
Искал информацию, пробовал разные коды - ничего не получалось. Вместо картинки - пустота.

Посдкажите, пожалуйста, подробнее. Может упускаю мелось.
Адрес сайта velo-moto27.ru
| Автор: | Категория: Дизайн сайта

Ответов: 2

Голоса: +1
 
Лучший ответ

С помощью CSS

<div id="image"></div>
<style>
#image {width: 50px; height: 50px; display: block; background: url('путь до картинки') top left no-repeat;}
#image:hover {background: url('путь до другой картинки при наведении') top left no-repeat;}
</style>

C помощью js

<a href=""><img src="путь до картинки" 
    onmouseover="this.src='путь до картинки при наведении'"
    onmouseout="this.src='путь до картинки'"
    alt=""></a>

 

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
голоса: 0

Для этого имеется много разных примеров в сети, как пример можете посмотреть - здесь вполне отличная реализация лишь на CSS3.

| Автор:
...