Прозрачность PNG через jQuery-плагин
Справочники
Прозрачность PNG через jQuery-плагинПродолжаю экскурс по вариантам борьбы с нежеланием IE6 и ниже отображать прозрачность в PNG-изображениях и фонах. В этом материале мы рассмотрим плагин к jQuery, который носит название pngFix.
Это продолжение темы о прозрачности PNG в браузере Internet Explorer версии 6 и ниже. Начало статьи вы можете найти тут: Проблема прозрачности PNG в IE6.
Этот вариант удобен тем, что не требует особых усилий для исправления недоработок Internet Explorer. Но он требует подключенного к сайту фреймворка jQuery и основан на JavaScript.
Для начала нужно обзавестись самим плагином. Скачать его можно по следующей ссылке: pngFix.zip.
Из архива вам понадобятся только 3 файла:
- blank.gif
- jquery.pngFix.pack.js
- pluginpage.js
Их нужно залить на свой хост.
Далее, нужно подключить jQuery и сам плагин fixPng к странице следующим кодом в теле HEAD:
<script src="http://jquery.andreaseberhard.de/pngFix/jquery.pngFix.js" type="text/javascript"></script>
Если скрипты хранятся на вашем хосте, то замените ссылки. В случае, если jQuery уже подключен вашей CMS, то повторно его подключать не нужно.
После объявления jQuery нужно написать код запуска функции, которая позволит отображаться прозрачным участкам PNG-файлов в браузерах IE6 и ниже. Код выглядит следующим образом:
$(document).ready(function(){
$(document).pngFix( { blankgif:'blank.gif' } );
});
// -->
</script>
Вместо свойства blank.gif впишите полный путь к однопиксельному прозрачному GIF-файлу на вашем хосте, который вы залили ранее.
Теперь прозрачность PNG-изображений на вашем сайте будет видна даже на IE6.
В следующей публикации расскажу о скрипте, который разработал сам Microsoft. Этот скрипт также позволяет отображать альфа-канал изображений формата PNG. Но об этом потом.
На этом заканчиваю. Удачи в свершениях!
Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.
x;z-index:1 }Google+
Прозрачность PNG через jQuery-плагин
Справочники
Скрипты, инструкции, справочники
| Категория: | Справочники |
| Просмотрено: | 6385 |
| Рейтинг: | 5.0/2 |
| Дата добавления: | 2011-04-25 22:34, Понедельник |
| Добавил: | Szen |
| Теги: | PNG, дизайн, transparent, прозрачность, IE6 |
Рекомендуем
Дополнительно к Прозрачность PNG через jQuery-плагин
Мини-форум
| № 0 | 2011-04-25 22:34 |
Szen | Здесь вы можете задать вопрос или оставить комментарий по теме "Прозрачность PNG через jQuery-плагин". |
| Гость |
