fabi.me » html http://fabi.me Mon, 06 Sep 2010 19:55:11 +0000 de hourly 1 http://wordpress.org/?v=3.0.1 IE: transparente PNG Grafiken http://fabi.me/scripts-codes/internet-explorer-transparente-png-grafiken/ http://fabi.me/scripts-codes/internet-explorer-transparente-png-grafiken/#comments Mon, 25 Feb 2008 20:06:41 +0000 Fabi http://www.fabi-s.de/scripts-codes/internet-explorer-transparente-png-grafiken/ Während im Firefox transparente PNG-Grafiken mit Alphakanal fehlerfrei dargestellt werden, macht der Internet Explorer Probleme. Bei 8-Bit PNGs werden teilweise transparente Farben unsichtbar, bei 32-bittigen wird der Alphakanal überhaupt nicht beachtet. Mit einem einfachen JavaScript lässt sich die Darstellung korrigieren, wobei alle im HTML-Code eingebundenen PNG-Grafiken automatisch erkannt werden.

Dafür wird der Direct-X-Filter “DXImageTransform.Microsoft.AlphaImageLoader” verwendet, der den Alphakanal aus der Grafik ausließt und auf das angezeigte Bild anwendet.

Verwandte Artikel

]]> http://fabi.me/scripts-codes/internet-explorer-transparente-png-grafiken/feed/ 0 Javascript Schnee ohne Grafiken , Schneeflocken http://fabi.me/scripts-codes/javascript-schnee/ http://fabi.me/scripts-codes/javascript-schnee/#comments Thu, 20 Dec 2007 14:31:03 +0000 Fabi http://www.fabi-s.de/scripts-codes/javascript-schnee/ Ein Java-Script, der es auf jeder HTML-Seite schneien lässt. Er unterscheidet sich jedoch von den üblichen Scripts, da er keine Grafiken verwendet und der Schnee nur in einem bestimmten Bereich auf der Seite schneit, denn eine Seite voller Schneeflocken sieht meistens ziemlich nervend aus.

Beim Einbau des JavaScript Schnees muss einfach nur die ID des HTML-Elements (zum Beispiel ein <div>) angegeben werden und schon fällt innerhalb des Rahmens des Elements Schnee.

Es können viele Einstellungen wie Farbe, Anzahl, Aussehen und Schwerkraft des JavaScript Schnee angepasst werden. Dazu einfach einen blick in den JS-Code werfen. Dort ist alles beschrieben. Um den Javascript in eine HTML-Datei einzubinden, einfach folgendes in den head-Bereich einfügen:
<script type="text/javascript" src="./schnee.js"></script>
Die ID des HTML-Elements kann in der JS-Datei angepasst werden. Standard ist die ID “winter”. Wenn man es auf der gesamten Seite schneien lassen möchte, kann man dem HTML Body die ID “winter” geben:
<body id="winter">
Eine Beispieldatei ist enthalten, hier gibt es eine Demo des JavaScript Schnee.

  • viele Einstellungen des JavaScript Schnee, die in der JS-Datei angepasst werden können
  • hohe Vielseitigkeit der Schneeflocken, da Farbe, Größe und Schriftart zufällig gewählt werden
  • Verursacht kaum Traffic, da keine Grafiken verwendet werden
  • Verbraucht wenig Browser-Resourcen

Verwandte Artikel

]]> http://fabi.me/scripts-codes/javascript-schnee/feed/ 25