Существует множество JS-библиотек для создания фотогалерей. В простых случаях я пользуюсь FancyZoom. Всё в ней хорошо, и маленькая по объёму и предельно проста в установке (не требует прописывания дополнительных атрибутов, как LightBox), да вот только при работе в Firefox и прочих правильных браузерах она создаёт симпатичную рамочку с тенью, а вот в IE — нет.

Сегодня решил поправить это дело с применением статических фильтров, встроенных в Internet Explorer. Большинство сайтостроителей знают только один — аlphaImageLoader, незаменимое лекарство в деле отображения полупрозрачных png.

Синтаксис фильтров прост, но длинен и утомителен:

selector {
    filter:progid:DXImageTransform.Microsoft.FilterName(atributes);
    }

Здесь FilterName — имя фильтра, а atributes — атрибуты фильтра. При этом, насколько я понимаю, даная запись чувствительна к регистру. Естественно вся эта красота не проходит валидацию %)

А вот собственно результат применения фильтров оказался действительно страшен, как и предсказывали. Графически всё выглядит очень грубо и топорно, в этом вы можете сами убедиться, пощёлкав по картинками на специальной страничке.

Вывод: поиграться с фильтрами может быть интересно для собственного развития, но практическое применение маловероятно, ввиду полной трешовости результата.

Комментарии (4) на запись “Статические фильтры в Internet Explorer”

  1. pepelsbey пишет:

    Уже чуть лучше: http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/

  2. h4 пишет:

    Спасибо за ссылку. Но это фильтр для тени от текста, вот для блока у них всё по-прежнему страшно и топорно.

  3. pepelsbey пишет:

    Надо пробовать сочетания glow/blur, может быть получится добиться чего-нибудь адекватного.

  4. h4 пишет:

    Blur — это вообще нечто страшное, за гранью добра и зла. Ещё и грузящее браузер.

Оставить комментарий