HTML

Аватар пользователя leha1991
Не в сети
Последнее посещение: 2 года 52 недели назад
Зарегистрирован: 2014-11-25
Сообщения:

Добрый день!

Пытаюсь разобраться в HTML. Хочу сделать, чтобы при наведении на картинку, она менялась на другую. Желательно, плавным методом или т.п.

Набросайте, пожалуйста, примеров, к примеру, с CSS. Желательно, самых простых.

Еще буду благодарен, если набросаете примеры с таким же плавным изменением по клику. А то в этом ничего не понимаю. Буду ждать ответ.

Аватар пользователя tivik
Не в сети
Последнее посещение: 2 года 27 недель назад
Зарегистрирован: 2014-09-25
Сообщения:
Картинка!

Добрый день!

Тут все очень просто! вам поможет таблица стилей CSS.

Есть у вас #aa{

background: url(image.gif);

}

Создайте еще и #aa:hover{

background: url(image2.gif);

}

Hover - это действие при наведении. Таким образом, картинка при наведении на нее курсора, заменится на вторую! Удачи!

Аватар пользователя tornado5
Не в сети
Последнее посещение: 4 недели 4 дня назад
Зарегистрирован: 2014-06-24
Сообщения:
Требуемое вами действие,

Требуемое вами действие, действительно, можно сделать с помощью CSS, а именно используя псевдокласс :hover. Вот пример:

!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Эффект перекатывания</title> <style> a.rollover { background: url(images/sun1.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 196px; /* Ширина рисунка */ height: 183px; /* Высота рисунка */ } a.rollover:hover { background: url(images/sun2.png); /* Путь к файлу с заменяемым рисунком */ } </style> </head> <body> <p><a href="#" class="rollover"> </a></p> </body> </html>

Ну, а более подробно, как сделать так, что бы одна картинка при наведении мыши менялась на другую, вы сможете узнать здесь:

http://htmlbook.ru/faq/kak-sdelat-chtoby... .

Аватар пользователя Mefidze
Не в сети
Последнее посещение: 5 недель 1 день назад
Зарегистрирован: 2014-06-03
Сообщения:
На самом деле html и css -

На самом деле html и css - это разные вещи. Но можно это сделать как на самой странице в коде, каждый раз прописывая его заново или же сделать один раз, прописав это в таблице каскадных стилей и присваивая на странице этой функции определенный id из этой таблице.