Вопрос № 116497: Здравствуйте, коллеги!
Подскажите, как можно сделать, чтобы фотографии постепенно появлялись из пустоты. К сожалению, не знаю, как такое называется. Буду благодарен за русскоязычный ресурс в Сети или за конкретный пример кода. С наступающим!...
Вопрос № 116.497
Здравствуйте, коллеги!
Подскажите, как можно сделать, чтобы фотографии постепенно появлялись из пустоты. К сожалению, не знаю, как такое называется. Буду благодарен за русскоязычный ресурс в Сети или за конкретный пример кода. С наступающим!
Нужно управлять прозрачностью. допустим нужно установить прозрачность в 50%
Для IE style=""filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);""
Для FireFox style=""-moz-opacity:0.5;""
Для Opera (кажется) style=""opacity:0.5;""
Для Safari style=""-khtml-opacity:" 0.5;"
лучше всего вписывать всё вместе. тогда работает везде style=""filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-khtml-opacity:"
0.5;opacity:0.5;-moz-opacity:0.5;"
это были CSS.
а в Javascript делаем так: это, чтобы установить
function setElementOpacity(sElemId, nOpacity) { var opacityProp = getOpacityProperty(); var elem = document.getElementById(sElemId); if (!elem || !opacityProp) return; // Если не существует элемент с указанным id или браузер не поддерживает ни один из известных функции спосо
бов управления прозрачностью if (opacityProp==”filter”) // Internet Exploder 5.5+ { // Если уже установлена прозрачность, то меняем её через коллекцию filters, иначе добавляем прозрачность через style.filter nOpacity *= 100; var oAlpha = elem.filters[’DXImageTransform.Microsoft.alpha’] || elem.filters.alpha; if (oAlpha) oAlpha.opacity = nOpacity; else // Для того чтобы не затереть другие фильтры используем “+=” elem.style.filter += “progid:DXImageTransform.Microsoft.Alpha(opacity=”+nOpacity+”)”;
} else // Другие браузеры elem.style[opacityProp] = nOpacity; } это, чтобы прочитать
function getOpacityProperty() { if (typeof document.body.style.opacity == ’string’) // CSS3 compliant (Moz 1.7+, Safari 1.2+, Opera 9) return ‘opacity’; else if (typeof document.body.style.MozOpacity == ’string’) // Mozilla 1.6 и младше, Firefox 0.8 return ‘MozOpacity’;
else if (typeof document.body.style.KhtmlOpacity == ’string’) // Konqueror 3.1, Safari 1.1 return ‘KhtmlOpacity’; else if (document.body.filters && navigator.appVersion.match(/MSIE ([d.]+);/)[1]>=5.5) // Internet Exploder 5.5+ return ‘filter’; return false; //нет прозрачности }
удачи. и с новым годом
P.S. javascript функции не мои. (лень было писать. новый год всё таки). взял из и-нет. но выглядят солидно, так что должны работать наверное....
--------- There are 10 types of people. Those who understand binary and those who don't.
Ответ отправил: Иоффе Мэир Вэлевич (статус: 4-ый класс)
Ответ отправлен: 31.12.2007, 22:20 Оценка за ответ: 5 Комментарий оценки: Как-то раз Вы мне уже помогли, а я оценку не поставил. Полагаю, что сейчас есть возможность "извиниться"... Функции, которые Вы написали, внушают доверие, и, безусловно, я оцениваю Ваш ответ отлично. Спасибо, и с Новым годом Вас(у кого как - не знаю, а у нас уже наступил:)))!