X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> PNG картинки в Осле
ZhukV
ZhukV
Topic Starter сообщение 21.2.2010, 19:25; Ответить: ZhukV
Сообщение #1


Очень много кто стыкается с проблемой отображение картинок *.PNG при создание шаблона.
Картика png имеет очень красивый дизайн, если верно ее создавать. Но все же.
У ся на сайте, установил погоду в регионе, с динамическим оновлением по районам. Типа есть селеки, в котором выбираеш район, и есть данные погоды по району. В большынстве, выствавлял картинки png, ну типа дождь, и т.д. Сразу картинка была нормальная, но после выбора региона, прогружалась новая, и вокруг нее был суто черный цвет. Но как, ведь картинка сама то белая.
Вот здесь, нактнулся на мысль. Картинка png имеет в себе прозрачные фрагменты, ну если их задать, значит черный цвет, это цвет фона.
Когда в контейнере устоновил фон, ноль. Тогда решил попобывать установить фон для самой картинки. И ЧТО, УРА!!!!
Когда порыл немного пор софт майкрософт, особенно осла, выявилось, что картинка png в осле отображается так как должно быть, но если она имеет прозрачные фрагменты, устанавливается фон, коорый у осла по умолчанию чорный. Значит нужно в самой картинке указывать фон, если это формат png

<img src="1.png" style="background-color:#FFFFFF" />

Либо какой то другой.

Может это и не так уж полезная статья, но все же мноко кто с такой проблемой стыкается, так как я сегодня
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
сообщение 22.2.2010, 11:55; Ответить: sikwel_hb
Сообщение #2


мдя, кто-то опять начинает изобретать велосипед)
проблема некорректной обработки альфаканала полупрозрачного png в ie6 известна давно и для нее уже создана куча костылей на основе единственно возможного костыля-фильтра от майкрософта AlphaImageLoader Filter: http://msdn.microsoft.com/en-us/library/ms...28VS.85%29.aspx

полупрозрачность в ие лечится только этим фильтром и ничем другим.
существует огромное количество так называемых PNGFix`ов (пнгфиксов) - скриптов, которые используя этот фильтр исправляют этот баг ие.

к примеру я использую вот этот пнгфикс:http://www.html.by/showthread.php?t=9969 (#7)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 22.2.2010, 13:13; Ответить: klenovnn
Сообщение #3


Подключи fixpng и все

HTML

<!--[if lt IE 7]>
        <script type="text/javascript" language="javascript" src="/js/fixpng2.js"></script>
    <![endif]-->


JS

function isIE5() { return (navigator.userAgent.indexOf("MSIE 5") > -1); }
function isIE6() { return ((navigator.userAgent.indexOf("MSIE 6") > -1) && (navigator.userAgent.indexOf("Opera") == -1)); }
function isIE() { return (isIE5() || isIE6());}

function fixpng()
{
for (var i = 0; i < document.images.length; i++)
{
  var img = document.images[i];
  imgSrc = img.src;
  if (imgSrc.substr(imgSrc.length-3).toLowerCase() == "png")
  {
   var w, h;
   w = img.width, h = img.height;
   img.src = "/resources/draft/p1x1.gif";
   img.width = w, img.height = h;
   img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'" + imgSrc + "\', sizingMethod='scale');";
  }
}
}

var isIE = isIE();
if (isIE) window.attachEvent("onload", fixpng);


/js/p1x1.gif - путь до файла размером 1x1px прозрачный (гиф)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
Topic Starter сообщение 22.2.2010, 13:14; Ответить: ZhukV
Сообщение #4


полупрозрачность в ие лечится только этим фильтром и ничем другим.
к примеру я использую вот этот пнгфикс:http://www.html.by/showthread.php?t=9969


Подключать скрипт, ради картинки *.png? на мой взгляд как-то смешно. Сколько пробывал просто устанавливать задний фон, все отлично, для любого типа *.png. Проблема в том, что если задний фон будет градиентом. Но и для єтого есть выход, установить задним фоном картинку с таким же градиентом.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pointer
pointer
сообщение 22.2.2010, 14:56; Ответить: pointer
Сообщение #5


klenovnn, у меня при этом перестают работать фильтры для png-картинок, а также появляется рамка, словно рисунок недоступен, и квадрат с кретиком. Хотя сам png отображается.

Какие ещё есть решения этой проблемы, чтобы к png можно было потом ещё разные фильтры применять?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 22.2.2010, 15:44; Ответить: Alcorn
Сообщение #6


Чем gif плох?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pointer
pointer
сообщение 22.2.2010, 15:56; Ответить: pointer
Сообщение #7


Плох тем, что края рваные, нет градиента.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 22.2.2010, 16:22; Ответить: Alcorn
Сообщение #8


Так тут вроде речь о полной прозрачности. Рваных краёв нет и градиент нормально работает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zael_hb
zael_hb
сообщение 22.2.2010, 20:28; Ответить: zael_hb
Сообщение #9


(ZhukV @ 21.2.2010, 21:25) *
Может это и не так уж полезная статья, но все же мноко кто с такой проблемой стыкается, так как я сегодня

спасибо, помогло а применять фильтры из за 1 картинки нет смысла
http://seo-cook.ru/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
сообщение 23.2.2010, 11:33; Ответить: sikwel_hb
Сообщение #10


(pointer @ 22.2.2010, 16:56) *
Какие ещё есть решения этой проблемы, чтобы к png можно было потом ещё разные фильтры применять?

повторяю еще раз, для тех кто на подводной лодке, на сегодняшний день, проблема полупрозрачности в ие6 у png лечится одним единственным фильтром от майкрософта, который я упомянул выше.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКто и зачем покупает картинки обезьян по $200 тысяч?
NFT
 167 metvekot 27407 6.3.2024, 21:58
автор: Boymaster
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
 10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Нужно добавить картинки на сайт
И видео
 2 Ksardas777 4092 17.11.2018, 10:41
автор: Intuit89
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНадо поменять картинки кнопки и всё прочее.
Сделать круто, чтобы не стыдно за сайт
 0 atavisma 2988 6.4.2017, 19:04
автор: atavisma
Открытая тема (нет новых ответов) Вывод изображения при наведения на часть картинки по area
 1 androv77 4835 16.7.2016, 17:32
автор: -YroKPROG-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 18.4.2024, 15:41

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet