Довольно остро стоит проблема графики в мире веб-дизайнеров. В Microsoft Internet Explorer'e есть опция, отключающая загрузку изображений для веб-страниц. Как быть, ведь среди всех посетителей Вашего сайта обязательно найдётся вредная личность, которая снимет-таки галочку напротив опции "Show pictures"!? В основе своей дизайнеры либо забывают про эту проблему, либо не считают её достаточно важной...
...И вот, однажды эта проблема встала и передо мной. Соорудив чисто графический сайт я решил как-то просмотреть его без картинок. Именно тогда я и решил вплотную заняться этим вопросом.
Как узнать, грузятся ли картинки? Конечно для этого нужно использовать скриптовый язык на стороне клиента (JavaScript или VBScript). Я выбрал для этой цели JavaScript.
После нескольких дней исследований решение было найдено!
У объекта IMG есть событие OnLoad. Если графика включена, событие есть, если графика отключена - нет. Его-то я и использовал. Был написан такой код:
|
<html>
<head>
<script language=JavaScript>
<!--
a=0;
function change(){
a=1;
}
function check(){
if (a==1){
document.write('Графика включена');
}
if (a==0){
document.write('Графика отключена');
}
}
//-->
</script>
</head>
<body onload="javascript:check();">
<img src=spacer.gif width=1 height= onload="change();">
</body>
</html> |
Таким образом, переменная "а" инициализируется со значением "0" (графика отключена). При загрузке тестового изображения выполняется функция "change()" и значение переменной меняется на "1". При загрузке всей страницы выполняется функция "check()", которая проверяет значение переменной "а" и в зависимости от её значения выполняет то или иное действие.
С помощью этого кода можно предупредить пользователя о том, что ему стоит включить графику в настройках браузера или перенаправить его на ту или другую страницу (допустим на версию сайта без графики).
|