X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Замена картинки на другую
sashok60
sashok60
Topic Starter сообщение 4.12.2008, 11:32; Ответить: sashok60
Сообщение #1


Помогите разобраться новичку, подскажите как при помощи CSS при наведении на картинку она менялась на другую?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 4.12.2008, 11:42; Ответить: Webmaster_hb
Сообщение #2


для объекта используете ссылку
<a href="" class="swap">все что угодно</a>

а в CSS
a.swap {
background-image:url(1.gif);
}
a.swap:hover {
background-image:url(2.gif);
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sashok60
sashok60
Topic Starter сообщение 4.12.2008, 11:51; Ответить: sashok60
Сообщение #3


что то у меня не получается, не отображается даже 1.gif
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 4.12.2008, 11:56; Ответить: Webmaster_hb
Сообщение #4


background-image: url('1.gif');
а так работает ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sashok60
sashok60
Topic Starter сообщение 4.12.2008, 12:06; Ответить: sashok60
Сообщение #5


картинка есть но она в размер с тем что я написал? а как сделать ее нормального размера?
<a href="" class="swap">Услуги</a>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 4.12.2008, 12:10; Ответить: Webmaster_hb
Сообщение #6


a.swap {
display:block;
width:200px;
height:100px;
background-image:url(1.gif);
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sashok60
sashok60
Topic Starter сообщение 4.12.2008, 12:20; Ответить: sashok60
Сообщение #7


Спасибо большое, очень помогли, а еще больше поможете если подскажите хорошую литературу по CSS
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 5.12.2008, 0:06; Ответить: Exterior
Сообщение #8


sashok60, литература по CSS
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rsboarder
rsboarder
сообщение 5.12.2008, 17:19; Ответить: rsboarder
Сообщение #9


вообще, лучше замену сделать при помощи так называемых спрайтов, так как если картинка большая, то пользователю придется ждать пока она загрузиться
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 5.12.2008, 17:22; Ответить: Webmaster_hb
Сообщение #10


учиться надо постепенно

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКто и зачем покупает картинки обезьян по $200 тысяч?
NFT
167 metvekot 27410 6.3.2024, 21:58
автор: Boymaster
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Нужно добавить картинки на сайт
И видео
2 Ksardas777 4092 17.11.2018, 10:41
автор: Intuit89
Открытая тема (нет новых ответов) Перенос сайта на другую CMS
Зачастую это WordPress
3 Web_change 3108 22.4.2018, 13:59
автор: Web_change
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНадо поменять картинки кнопки и всё прочее.
Сделать круто, чтобы не стыдно за сайт
0 atavisma 2988 6.4.2017, 19:04
автор: atavisma


 



RSS Текстовая версия Сейчас: 19.4.2024, 7:09
Дизайн