Статические фильтры в Internet Explorer
28.10.2008
Существует множество JS-библиотек для создания фотогалерей. В простых случаях я пользуюсь FancyZoom. Всё в ней хорошо, и маленькая по объёму и предельно проста в установке (не требует прописывания дополнительных атрибутов, как LightBox), да вот только при работе в Firefox и прочих правильных браузерах она создаёт симпатичную рамочку с тенью, а вот в IE — нет.
Сегодня решил поправить это дело с применением статических фильтров, встроенных в Internet Explorer. Большинство сайтостроителей знают только один — аlphaImageLoader, незаменимое лекарство в деле отображения полупрозрачных png.
Синтаксис фильтров прост, но длинен и утомителен:
selector {
filter:progid:DXImageTransform.Microsoft.FilterName(atributes);
}
Здесь FilterName — имя фильтра, а atributes — атрибуты фильтра. При этом, насколько я понимаю, даная запись чувствительна к регистру. Естественно вся эта красота не проходит валидацию %)
А вот собственно результат применения фильтров оказался действительно страшен, как и предсказывали. Графически всё выглядит очень грубо и топорно, в этом вы можете сами убедиться, пощёлкав по картинками на специальной страничке.
Вывод: поиграться с фильтрами может быть интересно для собственного развития, но практическое применение маловероятно, ввиду полной трешовости результата.
28.10.2008 в 19:00
Уже чуть лучше: http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/
28.10.2008 в 19:14
Спасибо за ссылку. Но это фильтр для тени от текста, вот для блока у них всё по-прежнему страшно и топорно.
28.10.2008 в 19:17
Надо пробовать сочетания glow/blur, может быть получится добиться чего-нибудь адекватного.
28.10.2008 в 19:21
Blur — это вообще нечто страшное, за гранью добра и зла. Ещё и грузящее браузер.