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



 

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

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

Открыть тему
Тема закрыта
> затемнение изображения
mfucker
mfucker
Topic Starter сообщение 5.3.2009, 23:12; Ответить: mfucker
Сообщение #1


Нужно, чтобы при наведении курсора на картинку она становилась темнее, как на сайте http://www.vogue.ru/magazine/issue.aspx/Archive/
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 6.3.2009, 1:21; Ответить: Galen
Сообщение #2


Возможно там банально подставляется полупрозрачная картинка поверх изображения. О скрытии и показе слоёв на форуме уже не раз писали.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 6.3.2009, 13:34; Ответить: Webmaster_hb
Сообщение #3


для IE можно сделать так
a img{filter: alpha(opacity=30) blue}
a:hover img{filter: alpha(opacity=100)}


а так посмотрите как у них на сайте сделано
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mfucker
mfucker
Topic Starter сообщение 6.3.2009, 17:20; Ответить: mfucker
Сообщение #4


(Webmaster_hb @ 6.3.2009, 15:34) *
для IE можно сделать так
a img{filter: alpha(opacity=30) blue}
a:hover img{filter: alpha(opacity=100)}
а так посмотрите как у них на сайте сделано

спасибо) на счет 2-ух изображений-не... у них это точно не так, потому что пока сайт не до конца загрузился, при наведении курсора на изображение оно становиться белее, а после того,как страничка загрузилась полностью, оно темнеет....
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 6.3.2009, 20:49; Ответить: Galen
Сообщение #5


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

Что только и подтверждает мысль о картинках, раз не успевает загрузится.
opacity вроде есть и в Мозилле, и точно есть в jQuery.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lolobrigit
lolobrigit
сообщение 3.6.2010, 15:31; Ответить: lolobrigit
Сообщение #6


А как можно сделать так что бы вставляя картинку в текст, одну.
Картинка изначально затемнена, но при наведении что бы она осветлялась.

Делается для вставки в текст СМS. Поэтому если в файле CSS прописываешь то меняются картинки всего сайта.
Делал так:
img {
opacity:0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80) black;
-khtml-opacity: 0.8;
background-color:#000;
}

img:hover {
opacity:1;
-moz-opacity:1;
filter: alpha(opacity=100) black;
-khtml-opacity: 1;
background-color:#000;
}

Как вариант можно прописать в тег IMG параметр style="opacity:0.8;-moz-opacity:0.8;filter: alpha(opacity=80) black;-khtml-opacity: 0.8;background-color:#000;" таким образом картинку можно затемнить сначала, но как её осветлить при наведении.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Изображения с shutterstock от 15 рублей/штука
5 Mr_Big 3669 10.9.2017, 21:30
автор: Palundra
Открытая тема (нет новых ответов) Вывод изображения при наведения на часть картинки по area
1 androv77 4835 16.7.2016, 17:32
автор: -YroKPROG-
Открытая тема (нет новых ответов) Создаю фрактальные изображения для разных целей
22 Russ33 5072 27.6.2016, 21:42
автор: Russ33
Горячая тема (нет новых ответов) Стоковые изображения для ваших сайтов по цене 3х рублей
51 contextadlinks 14386 21.10.2014, 17:28
автор: VulkanPartner
Открытая тема (нет новых ответов) Изменения изображения
2 igorvolg 1052 22.6.2013, 20:13
автор: igorvolg


 



RSS Текстовая версия Сейчас: 18.4.2024, 12:29
Дизайн