Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Траблы с png

Автор: Pokoinik 25.9.2007, 15:29

Вобщем суть траблы...
Ослик версии 5.5 6 не умеет работать с альфаканалами png
вроде есть фильтр AlphaImageLoader, который этот трабл решает, но никак у меня не получается сие реализовать

Код


<div id='pointer' style='visibility: hidden; position: absolute;left:0px;top:0px;color:white;z-index:100;'><img id="pointerup" border="0" src="images/pointer-up.png"></div>
<script type="text/javascript">
if (navigator.userAgent.match("MSIE (5\.5|6)")) { 
    var pointerup = document.getElementById('pointerup');
    pointerup.style.width = '29px';
    pointerup.style.height = '29px';
    pointerup.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://arp.biz-plans.info/images/pointer-up.png\')';
}    
</script>

Помогите пожалуйсто.

Автор: SelenIT 25.9.2007, 16:17

Pokoinik, 1) img в IE не нужен, 2) реги в JS ограничиваются не кавычками, а слешами. Вот проверенный вариант:

Код


(просто текст)
<div id='pointer' style='position:absolute;background-image:url(http://arp.biz-plans.info/images/pointer-up.png);left:10px;top:10px;width:29px;height:29px;color:white;z-index:100;'></div>
<script type="text/javascript">
if (navigator.userAgent.match(/MSIE (5\.5|6)/) && !window.opera) {
    var pointerup = document.getElementById('pointer');
    pointerup.style.backgroundImage = 'none';
    pointerup.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://arp.biz-plans.info/images/pointer-up.png")';
}
</script>

Автор: Pokoinik 25.9.2007, 17:47

SelenIT, спасибо.
Хотя я сделал немного по-другому:

Код


<div id='pointer' style='visibility: hidden; position: absolute;left:0px;top:0px;color:white;z-index:100;'><img border='0' src='images/pointer-up.png' /></div>
<script type="text/javascript">
if (navigator.userAgent.match("MSIE (5\.5|6)")) { 
    var pointerup = document.getElementById('pointer');
    pointerup.style.width = '29px';
    pointerup.style.height = '29px';
    pointerup.innerHTML = '';
    pointerup.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pointer-up.png', sizingMethod='scale')";
}    
</script>

Автор: SelenIT 25.9.2007, 19:08

Цитата(Pokoinik @ 25.9.2007, 17:47

)

navigator.userAgent.match("MSIE (5\.5|6)")

Это работает? С кавычками? Интересно...