При наведении менять картинку

[Александр3]

Суть такая. При наведении на картинку менять её на другую. Но. Сама картинка находится в html

<a href="#"><img src="image/uved.png" alt="VK" title="Уведомление"></a>

Менять её нужно через ховер в css

div.img img:hover

Возможно ли это? Так как у меня получается, к примеру, при наведении делать картинку прозрачной, а вставить новую не получается.

[Alar]

сделать через стили на
на а сделать image/uved.png
a hover нацепить другой имайдж.

<img src="image/uved.png" alt="VK" title="Уведомление"> - не нужно

[Вадим Мошев]

1. Лучше две картинки соединить в спрайт (например, оригинал сверху, а та, на что изменяется - снизу).
2. Для ссылки установить фоновое изображение в виде этого спрайта, ширину и высоту для самой ссылки установить равной размеру одной из картинок, например, оригинала (хотя, они одинаковы, как я понимаю). Поэтому тег img уже не нужен будет.
3. Для состояния по умолчанию установить background-position: 0 top;
4. Для состояния hover установить background-position: 0 bottom;
5. Никаких других свойств для hover писать не нужно, только эта строка

[Александр3]

Спасибо. Понял, думаю получится. А можно вопрос? Вот в контакте, например в меню где Моя страниц, новости и тд, есть картинки(иконки) как их можно получить? Потому что я пытаюсь менять картинки, тк при наведении меняется цвет, соответственно и фон картинки должен измениться. Так может быть есть специальные функции, чтоле, чтоб получить их
К примеру:
http://programmersforum.ru/attachmen...1&d=1474276073
http://programmersforum.ru/attachmen...1&d=1474276077

[Пепел Феникса]

https://vk.com/images/icons/menu_icon.png?3
не меняется там цвет иконок.

[Александр3]

Спасибо. Неправильно описал. Меняется фон картинки, сверху скинул пример в обычном состоянии фон и при наведении

[Пепел Феникса]

меняется фон блока, но не картинки.
картинки прозрачные просто.