Изображение Ричарда Раттера Onload исчезает без Flash, демонстрирует способ создания эффекта « постепенного увеличения » для фотографии с помощью динамического изменения свойства непрозрачности CSS. Непрозрачность не является частью спецификации CSS 2.1 (хотя она покрывается CSS 3), поэтому разные браузеры имеют разные способы управления ею. Функция Ричарда setOpacity () предоставляет обходной путь между браузерами с кодом, который обрабатывает браузеры на основе IE, Safari, Konqueror и Gecko:
function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999:opacity;
// IE/Win
obj.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
obj.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
obj.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
obj.style.opacity = opacity/100;
}
Запись Ричарда в блоге предоставляет дополнительную справочную информацию о технике.