/*
BugFixPngs Script by Roland Eigelsreiter 2008
Beschreibung:
Dieses kleine JavaScript verleiht eurer Webseite die F�higkeit TRANSPARENTE PNG Grafiken
auch auf dem Internet Explorer 5 und 6 korrekt darzustellen!
Alles was ihr dazu tun m�sst ist dieses Script einbinden und einen "onload=''" Tag in eurem HTML
hinzuzuf�gen! (Weiter unten dann Code Examples)
Mit diesem Script werden ALLE ![]()
Tags gefiltert!
Damit das Script korrekt l�uft m�sst ihr immer darauf achten das korrekte H�hen und Breitenangaben im
![]()
-vorhanden sind! Ohne diese height="" und width="" Tags werdet ihr im Internet Explorer kein Bild sehen!
Ggf. mit px Angaben arbeiten: 
Auf mehr ist auch schon nicht mehr zu achten! Die Bilder k�nnen relativ oder absolut verlinkt werden, eben
so wie du es immer machst!
Funktionsweise:
Also das Script funktioniert im Prinzip recht simpel und nutzt einen von Microsoft nachtr�glich inkludierten
CSS Filter f�r transparente Png Grafiken, sozusagen als Notl�sung - Erst ab Iexplorer 7 ist es "AlphaPng" Support eingebaut!
Dieses Script schaut zuerst nach ob der User den Internet Explorer 5 oder 6 benutzt (Wo anders tritt der Bug nicht auf
und �ltere Versionen als der Iexplorer 5 sind fast nicht mehr im Einsatz bzw. schon ausgestorben)!
Wenn ja dann werden alle Images zuerst durch ein transparentes Gif ersetzt (muss so sein den sonst
w�rde das hier nicht funktionieren)!
Dannach wird der CSS Filter "AlphaImageLoader" eingef�gt, und ab sofort sind die PNGs auch transparent!
WAS GEHT NICHT?
Also nur eine Sache die mir bis jetzt aufgefallen ist! CSS Filter Eigenschaften gehen mit diesem Script verloren!
Also NUR Sachen wie 'style="filter:alpha(opacity=80);"' usw... Aber FILTER Eigenschaften sind sowieso nicht
CSS Standard und werden nur vom Internet Explorer unterst�tzt!
Einbindung:
1. JavaScript im Head Bereich einbinden!
2. Den Tag wie folgt erweitern!
3. Fertig!
![]()
-Tag Beispiel - WICHTIG - height und width Angaben machen - Entweder im HTML oder per Style
oder
--Getested mit Iexplorer 5,6,7, Mozilla Firefox 2,3, Netscape, Opera, Safari--
COPYRIGHT BY ROLAND EIGELSREITER AKA DJ BRAINNRG!
DAS COPYRIGHT UND DIE KOMMENTARE D�RFEN NICHT ENTFERNT WERDEN!
ERSTELLT AM 11. 07. 2008
WWW.YOUMIX.IT
WWW.YOUSHOOT.IN
WWW.DJBRAINNRG.AT
HAVE FUN WITH THIS AND LOOK AT MY HOMEPAGES! PEACE!
*/
function BugFixPngs(){
var _dPath = direct_path+"/js/blank.gif"; //DomainPfad zum "blank.gif"
var _bVer = navigator.appVersion; //Browserversion
var _images = document.images.length; //Anzahl der ![]()
Tags auslesen!
var _imgBlank = new Image();
_imgBlank.src = _dPath;
var _imgCurr;
var _imgExt;
var _imgOSrc;
var _divCurr;
var _divExt;
var _divMatch;
/*Check Browser*/
if(_bVer.match(/MSIE 6|MSIE 5|MSIE 8|MSIE 7/)){
/*Gehe Images durch*/
for(var i=0; i<_images; i++){
//Aktuelles Image laden
_imgCurr = document.images[i];
//Dateiendung
_imgExt =_imgCurr.src.substr(_imgCurr.src.length-3).toLowerCase();
//falls Image ist .png / Gro� - kleinschreibung der Endung egal
if(_imgExt=="png"){
_imgOSrc =_imgCurr.src;
_imgCurr.src = _imgBlank.src;
_imgCurr.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+_imgOSrc+'\',sizingMethod=\'scale\')';
_imgCurr.style.height = _imgCurr.height;
_imgCurr.style.width = _imgCurr.width;
}
}
}
/*F�r Div Hintergrundbilder, nur mit background-image: url(); m�glich*/
//document.getElementById('xx').innerHTML += 10;
}