Прозрачность PNG через jQuery-плагин

Справочники

Рисунок Прозрачность PNG через jQuery-плагин
Прозрачность PNG через jQuery-плагин Прозрачность PNG через jQuery-плагин
оценка: 5.0 из 5
оценок: 2

Продолжаю экскурс по вариантам борьбы с нежеланием 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:

Code
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="http://jquery.andreaseberhard.de/pngFix/jquery.pngFix.js" type="text/javascript"></script>

Если скрипты хранятся на вашем хосте, то замените ссылки. В случае, если jQuery уже подключен вашей CMS, то повторно его подключать не нужно.

После объявления jQuery нужно написать код запуска функции, которая позволит отображаться прозрачным участкам PNG-файлов в браузерах IE6 и ниже. Код выглядит следующим образом:

Code
<script type="text/javascript"><!--
  $(document).ready(function(){
    $(document).pngFix( { blankgif:'blank.gif' } );
  });
// -->
</script>

Вместо свойства blank.gif впишите полный путь к однопиксельному прозрачному GIF-файлу на вашем хосте, который вы залили ранее.

Теперь прозрачность PNG-изображений на вашем сайте будет видна даже на IE6.

В следующей публикации расскажу о скрипте, который разработал сам Microsoft. Этот скрипт также позволяет отображать альфа-канал изображений формата PNG. Но об этом потом.

На этом заканчиваю. Удачи в свершениях!

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.




Прозрачность PNG через jQuery-плагин
Справочники
Скрипты, инструкции, справочники

rss
Категория:Справочники
Просмотрено:4833
Рейтинг:5.0/2
Дата добавления:2011-04-25 22:34, Понедельник
Добавил:Szen
Теги:PNG, дизайн, Transparent, Прозрачность, IE6

Мини-форум

№ 02011-04-25 22:34
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Прозрачность PNG через jQuery-плагин".
Гость
Учавствовать в обсуждении "Прозрачность PNG через jQuery-плагин" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Во сколько оцените портал
Всего ответов: 1896
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 2
Гостей: 2
Пользователей: 0
Портал SzenProgs.ru © 2008 - 2017 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz