Смена прозрачности при наведении

03.05.2009

Дорогие администраторы, модераторы и просто умные люди! У меня возникла проблема, и я решила обратиться сюда 😀
Сама долго думала, ничего так и не придумала..
Значит, суть: Хотела я чтобы реклама была полупрозрачной и при наведении курсора становилась непрозрачной.
Это же правилами не запрещено, правда?
Так вот... прописала я вот такой код:

.banner-body {
background-color:#000000;
color:#555555;
filter:alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity: 0.5;
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
}

.banner-body a:hover {
filter:alpha(opacity=100);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
}

В таком случае при наведении на рекламу, она как была прозрачной так и остается. НО! Когда я попробовала сделать все наоборот, т.е. чтобы реклама была сначала непрозрачной, а при наведении становилась прозрачной, у меня все заработало 😀
Код при этом выглядел вот так:

.banner-body {
background-color:#000000;
color:#555555;
filter:alpha(opacity=100);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
}

.banner-body a:hover {
filter:alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity: 0.5;
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
}

Скажите пожалуйста, что это за чудеса, и как с ними справляться? )
Благодарю.

03.05.2009

а ссылкой на чат поделишся?)

03.05.2009

********** Держите 😀

03.05.2009

Прописывала я его в Дизайн --> Стили
Реклама где была там и есть: в чате в верхнем фрейме.
А ты мне предлагаешь это все на титульник прописать? %)

03.05.2009

Ну вот, пока писала, сообщение исчезло.. 😀

03.05.2009

Ага, потому что я на титулке рекламу у тебя искал )) не вьехал сразу просто. На вот, через скрипт работает точно. **********

03.05.2009

Дада.. мне уже дали эту ссылку)
Это ты под приветом был, да?
А как я скрипт в стили вставлю? %) Или куда его тогда запихивать? К рекламе же доступ никак не получить больше..

03.05.2009

Хм... Ну да скрипт в банер боди не вставить.... Хз. Чет тогда не приходит в голову, кроме как остановится тебе на 90% прозрачности.

03.05.2009

Эх.. 🙁
Ладно, тогда придется забить)

05.05.2009

.banner-body center {
filter:alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity: 0.5;
-khtml-opacity: 0.5;
-moz-opacity: 0.5; }

.banner-body center:hover {
filter:alpha(opacity=100);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1; }
Можно попробовать просто .banner-body
Но в ИЕ работать не будет, заранее предупреждаю. Хотя в 7-м, может, будет. Не помню.

Ну и плавного перехода, конечно, не будет.

05.05.2009

вот эффект затухания картинки (можно сделать затухание на 100%)



<script language=JavaScript>
<!--
var itv = 50;
var step = 10;
var start = 0;
var end = 0;
var currentOpac;

//change the opacity for different browsers
function changeOpac(obj, opacity) {
var object = obj.style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}

function BeginOpacity(obj, s, e)
{
start = s;
end = e;
currentOpac = s;
theobject=obj;
changing=setInterval("opacityit(theobject)",itv);
}

function EndOpacity(obj, end){
clearInterval(changing);
changeOpac(obj, end);
}

function opacityit(obj){
if(start > end) {
if (currentOpac>end){
currentOpac = currentOpac - step;
changeOpac(obj,currentOpac);
}
else if (window.highlighting)
clearInterval(highlighting);
} else if(start < end) {
if (currentOpac<end){
currentOpac = currentOpac + step;
changeOpac(obj,currentOpac);
}
else if (window.changing)
clearInterval(changing);
}
}
//-->
</script>

<a href="#"><img src="картинка" width="100" height="100" border="0" style="FILTER: alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0;" onmouseover=BeginOpacity(this,100,40) onmouseout=EndOpacity(this,100)></a>
вот только я не помню точно где регулируется затухание,но думаю ты найдёшь без труда)

05.05.2009

Как ты "это" засунешь в рекламный фрейм ? 😒

05.05.2009

2crigon
АААА! Спасибо большущее 😀 )) Все работает! 😀

24ih-pqh
Весь трабл в том, что это реально во фрейм с рекламой никак не запихнешь 😀 )

05.05.2009

вообще где димон?)за такие вещи удаление с поля 😁

06.05.2009

Кстати, да. Это не совсем законный приём )

06.05.2009

давайте будем судить с другой точки зрения - это совсем не незаконный прием))
типа - что не запрещено - то разрешено))

06.05.2009

ога ога

06.05.2009

а ктож его скрывать то собирался? )) он же на месте) и не скрыт))

06.05.2009

ну вот и собираются его скрыть ... вообще рекламный фрейм по идее должен быть неприкосновенным и святым 😀

06.05.2009

кто собирается то? я так понял он так и останется прозрачным на 50%... но - ОН НА МЕСТЕ! ЕГО ВИДНО! так какие претензии?)))