xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Fancybox и Internet Explorer — баг с загрузкой графики

Опубликовано в

В плагине Fancybox (тот что лежит в папке sites/all/libraries/fancybox), стили для IE написаны не корректно. Все картинки проходящие через фильтр AlphaImageLoader загружаются относительно текущего url. Например если пользователь находится на главной странице, то Fancybox попытается загрузить свою графику так:

http://example.com/fancybox/fancy_loading.png
http://example.com/fancybox/fancy_close.png
http://example.com/fancybox/fancy_title_over.png
...

вместо

http://example.com/sites/all/libraries/fancybox/fancy_loading.png
http://example.com/sites/all/libraries/fancybox/fancy_close.png
http://example.com/sites/all/libraries/fancybox/fancy_title_over.png
...

Подправить пути к картинкам можно в конце файла sites/all/libraries/fancybox/jquery.fancybox-[version].css:

.fancybox-ie #fancybox-close      { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/libraries/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/libraries/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
/* и т.д. */

либо добавив в .htaccess новый реврайт:

RewriteRule fancybox/fancy_(.+)\.png$ sites/all/libraries/fancybox/fancy_$1.png [L]

P.S: сотая заметка про друпал :)

Написанное актуально для Fancybox 1.x
Похожие записи

Комментарии RSS

Либо воспользоваться плагином для jQuery PNGFix и прописать пути к картинками обычным способом - background url("path"); ...

Вот спасибо! А то я уже все кэши перечистил, модуль просмотрел, вот только до css еще не добрался:) Действительно - косяк, да и системный журнал весь забит строками "Страница не найдена"! Неприятно однако... Ну ничего - подладили)

Спасибо, однако!

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

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании