Как сделать чтобы при наведении курсора- менялась картинка?

Вопрос такой- как сделать так, чтобы при наведении на изображение курсора- это изображение менялось?
Но только это изображение должно быть ссылкой.
Как это сделать?

Сделал вот так:

Цитировать

HTML-код очень простой:
<div class="img"></div>

Теперь CSS-код:
.img {
background: url("image_1.jpg") no-repeat; // Подставляем картинку по умолчанию
height: 100px; // Высота картинки
width: 100px; // Ширина картинки
}
.img:hover {
background: url("image_2.jpg") no-repeat; // Подставляем ту картинку, которая будет при наведении курсора мыши
border: 2px solid #f00; // Устанавливаем красную рамку
height: 120px; // Высота новой картинки
width: 120px; // Ширина новой картинки
}

Но это, исходя из кода- просто изображение, которое меняется при наведении курсора.
А нужно, чтобы это изображение было ссылкой!

Как сделать? Автор Twins	Ответов: 3 Просмотров: 1907	01.07.2021, 13:11:51 от xpank
Как сделать кнопку формы аккаунта? Автор Evgen Kulibin	Ответов: 0 Просмотров: 1075	22.04.2021, 22:15:06 от Evgen Kulibin
Как сделать плавающий модуль? Автор THeCMeX	Ответов: 2 Просмотров: 1233	08.03.2021, 22:21:01 от Flexderection
[Решено] Как сделать чтобы фотография открылась в отдельном окне? Автор a-two	Ответов: 11 Просмотров: 2188	03.11.2020, 16:57:40 от Nikolay89
Как при наведении изменить сразу два класса CSS? Автор Kanfur	Ответов: 3 Просмотров: 1741	03.11.2020, 16:53:43 от Nikolay89

Как сделать чтобы при наведении курсора- менялась картинка? - Вопросы по CSS

Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla.В новой версии добавлена поддержка вставки VK клипов

piter

Как сделать чтобы при наведении курсора- менялась картинка?

NortonFox

Re: Как сделать чтобы при наведении курсора- менялась картинка?

Похожие темы