Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Работающий скрипт Осветление Изображений


Работающий скрипт Осветление Изображений

Сообщений 1 страница 11 из 11

1

Есть у кого Работающий скрипт Осветление Изображений? Именно работающий.
В инете перекопированные все дохлые.

0

2

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 - можно заменить на желаемую полупрозрачность.

+1

3

Ви, именно так.
Не проверить на работоспособность.
Не хватает прописанного класса в url самой картинки, например: class="banners", как я понимаю.
Ведь стилю нужно понимать к каким именно картинкам присваиваться, а ко всем мне не нужно.)

0

4

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)

+2

5

Toshiro-kun, спасибо, работает -)

0

6

А как сделать что-бы абсолютно все картинки были прозрачными - при наводе становились ярче?

Ви написал(а):

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 - можно заменить на желаемую полупрозрачность.

Это не работает просто О_о

0

7

Звездочка

<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>

+2

8

Toshiro-kun
сяп)

0

9

Toshiro-kun
Мм..я поставила скрипт, и возник вопрос хД
http://s52.radikal.ru/i138/1006/1b/da2ddd76237b.bmp
За это сайт не удалят?О_____о

0

10

Звездочка написал(а):

За это сайт не удалят?О_____о

Код:
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
-------------------------------------------------------------*/

0

11

большое спасибо! помогло!

0


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Работающий скрипт Осветление Изображений


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC