|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
19.09.2016, 01:34 | #1 |
Пользователь
Регистрация: 22.11.2015
Сообщений: 52
|
При наведении менять картинку
Суть такая. При наведении на картинку менять её на другую. Но. Сама картинка находится в html
Код HTML:
<a href="#"><img src="image/uved.png" alt="VK" title="Уведомление"></a> Код HTML:
div.img img:hover |
19.09.2016, 03:24 | #2 |
Александр
Администратор
Регистрация: 28.10.2006
Сообщений: 17,599
|
сделать через стили на
на а сделать image/uved.png a hover нацепить другой имайдж. <img src="image/uved.png" alt="VK" title="Уведомление"> - не нужно |
19.09.2016, 05:23 | #3 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
1. Лучше две картинки соединить в спрайт (например, оригинал сверху, а та, на что изменяется - снизу).
2. Для ссылки установить фоновое изображение в виде этого спрайта, ширину и высоту для самой ссылки установить равной размеру одной из картинок, например, оригинала (хотя, они одинаковы, как я понимаю). Поэтому тег img уже не нужен будет. 3. Для состояния по умолчанию установить background-position: 0 top; 4. Для состояния hover установить background-position: 0 bottom; 5. Никаких других свойств для hover писать не нужно, только эта строка |
19.09.2016, 12:08 | #4 |
Пользователь
Регистрация: 22.11.2015
Сообщений: 52
|
Спасибо. Понял, думаю получится. А можно вопрос? Вот в контакте, например в меню где Моя страниц, новости и тд, есть картинки(иконки) как их можно получить? Потому что я пытаюсь менять картинки, тк при наведении меняется цвет, соответственно и фон картинки должен измениться. Так может быть есть специальные функции, чтоле, чтоб получить их
К примеру: http://programmersforum.ru/attachmen...1&d=1474276073 http://programmersforum.ru/attachmen...1&d=1474276077 |
19.09.2016, 12:14 | #5 |
Старожил
Регистрация: 28.01.2009
Сообщений: 21,000
|
https://vk.com/images/icons/menu_icon.png?3
не меняется там цвет иконок. Хорошо поставленный вопрос это уже половина ответа. | Каков вопрос, таков ответ.
Программа делает то что написал программист, а не то что он хотел. Функции/утилиты ждут в параметрах то что им надо, а не то что вы хотите. |
19.09.2016, 13:06 | #6 |
Пользователь
Регистрация: 22.11.2015
Сообщений: 52
|
Спасибо. Неправильно описал. Меняется фон картинки, сверху скинул пример в обычном состоянии фон и при наведении
|
19.09.2016, 13:10 | #7 |
Старожил
Регистрация: 28.01.2009
Сообщений: 21,000
|
меняется фон блока, но не картинки.
картинки прозрачные просто. Хорошо поставленный вопрос это уже половина ответа. | Каков вопрос, таков ответ.
Программа делает то что написал программист, а не то что он хотел. Функции/утилиты ждут в параметрах то что им надо, а не то что вы хотите. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Менять цвет второго элемента при наведении на первый и наоборот | Скрип_двери | HTML и CSS | 2 | 03.02.2016 19:03 |
как менять ссылку при наведении на не курсором? | Luca Brasi | HTML и CSS | 3 | 29.12.2012 23:13 |
Показать картинку при наведении на строчку таблицы | MrBrain | HTML и CSS | 7 | 25.09.2012 11:51 |
Всплывающая картинка при наведении на другую картинку | Z3rique | HTML и CSS | 8 | 05.03.2011 22:40 |
Как получить картинку при наведении на другую картинку (ссылку) | seeker1 | JavaScript, Ajax | 8 | 04.07.2010 19:42 |