Есть у кого Работающий скрипт Осветление Изображений? Именно работающий.
В инете перекопированные все дохлые.
Работающий скрипт Осветление Изображений
Страница: 1
Сообщений 1 страница 11 из 11
Поделиться12010-03-12 00:12:56
- Форумчанин
- Зарегистрирован: 2009-10-27
- Приглашений: 0
- Сообщений: 81
- Уважение: 0
- Позитив: +10
- Провел на форуме:
2 дня 15 часов - Последний визит:
2010-09-30 18:49:55
Поделиться22010-03-12 08:20:05
- Может и модератор
- Зарегистрирован: 2008-12-29
- Приглашений: 0
- Сообщений: 2220
- Уважение: +253
- Позитив: +31
- Пол: Женский
- Возраст: 29 [1994-11-23]
- Провел на форуме:
1 месяц 4 дня - Последний визит:
2012-08-16 18:17:18
Noah, это когда наводишь на картинку, она становится ярче?
<style>#banners a img {opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}
#banners a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}</style>
30 и 100 - можно заменить на желаемую полупрозрачность.
Поделиться32010-03-13 01:25:48
- Форумчанин
- Зарегистрирован: 2009-10-27
- Приглашений: 0
- Сообщений: 81
- Уважение: 0
- Позитив: +10
- Провел на форуме:
2 дня 15 часов - Последний визит:
2010-09-30 18:49:55
Ви, именно так.
Не проверить на работоспособность.
Не хватает прописанного класса в url самой картинки, например: class="banners", как я понимаю.
Ведь стилю нужно понимать к каким именно картинкам присваиваться, а ко всем мне не нужно.)
Поделиться42010-03-13 01:41:01
- Да, модератор я, угу
- Зарегистрирован: 2010-03-08
- Приглашений: 0
- Сообщений: 3766
- Уважение: +1013
- Позитив: +9
- Пол: Мужской
- Возраст: 34 [1990-08-29]
- Провел на форуме:
1 месяц 5 дней - Последний визит:
2012-08-11 15:49:22
Noah
Код:
<img src="ссылка на картинку" style="opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);" onmouseout="style.opacity=0.3" onmousemove="style.opacity=1.0">
Вставляете где и картинка у вас до этого была, само собой.
Работает везде кроме IE там немного некорректно воспринимается код
Просто для прозрачности картинки код подойдет этот
Код:
<img src="ссылка на картинку" style="opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);">
Проверенно работает)
Есть еще для группы баннеров, он выглядит немного иначе
Код:
<style>
#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
</style>Вставлять в html-верх.
Код:
<div id="banners"> Группа баннеров </div>
Отредактировано Toshiro-kun (2010-03-13 01:45:07)
Поделиться52010-03-13 17:08:04
- Форумчанин
- Зарегистрирован: 2009-10-27
- Приглашений: 0
- Сообщений: 81
- Уважение: 0
- Позитив: +10
- Провел на форуме:
2 дня 15 часов - Последний визит:
2010-09-30 18:49:55
Toshiro-kun, спасибо, работает -)
Поделиться62010-06-22 13:51:24
А как сделать что-бы абсолютно все картинки были прозрачными - при наводе становились ярче?
Ви написал(а):
Noah, это когда наводишь на картинку, она становится ярче?
<style>#banners a img {opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}
#banners a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}</style>30 и 100 - можно заменить на желаемую полупрозрачность.
Это не работает просто О_о
Поделиться72010-06-22 15:01:44
- Да, модератор я, угу
- Зарегистрирован: 2010-03-08
- Приглашений: 0
- Сообщений: 3766
- Уважение: +1013
- Позитив: +9
- Пол: Мужской
- Возраст: 34 [1990-08-29]
- Провел на форуме:
1 месяц 5 дней - Последний визит:
2012-08-11 15:49:22
Звездочка
<style>
a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
</style>
Поделиться82010-06-24 12:59:25
Toshiro-kun
сяп)
Поделиться92010-06-24 13:23:53
Toshiro-kun
Мм..я поставила скрипт, и возник вопрос хД
http://s52.radikal.ru/i138/1006/1b/da2ddd76237b.bmp
За это сайт не удалят?О_____о
Поделиться102010-06-24 14:46:08
- Да, модератор я, угу
- Зарегистрирован: 2010-03-08
- Приглашений: 0
- Сообщений: 3766
- Уважение: +1013
- Позитив: +9
- Пол: Мужской
- Возраст: 34 [1990-08-29]
- Провел на форуме:
1 месяц 5 дней - Последний визит:
2012-08-11 15:49:22
Звездочка написал(а):
За это сайт не удалят?О_____о
Код:
a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; /* Mozilla 1.6 */
-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
filter: alpha(opacity=100); /* IE 5.5+*/}
a img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6; /* Mozilla 1.6 */
-khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
filter: alpha(opacity=60); /* IE 5.5+*/
}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 530px; top: 323px; }
#pun-ulinks .container {
text-align: center;
background-color: transparent;
border-color: transparent;}
#pun-announcement h2 {display: none}Попробуйте этот вариант
Тут идет все по мимо этого баннера. И так же размеры для него со сдвигом, так что если вы делали отдельно то советую удалить то
Вставляться в нижнее окно стиля в самый низ можно еще добавить
/* CS5 Other
-------------------------------------------------------------*/
Поделиться112010-11-03 10:33:54
- Новичок
- Откуда: онлайн О.о"
- Зарегистрирован: 2010-10-30
- Приглашений: 0
- Сообщений: 6
- Уважение: 0
- Позитив: +1
- Пол: Женский
- Провел на форуме:
3 часа 17 минут - Последний визит:
2010-11-05 13:08:35
большое спасибо! помогло!
Страница: 1
Похожие темы
| Вопросы насчёт форума 5 < | Архив тем | 2010-06-08 |
| прозрачность рекламного баннера. | Архив тем | 2010-06-02 |