Original

Schwarz-Weiss

<img src="BILD-URL" style="filter:gray()">
Abgerundete Ecken

<img src="BILD-URL" style="filter:alpha(style=2,opacity=100,finishOpacity=0)">
Durchsichtig

<img src="BILD-URL" style="filter:alpha(style=0,opacity=50)">
Gewellt

<img src="BILD-URL HIER!" style="filter:progid:DXImageTransform.Microsoft.Wave(freq=3,LightStrength=50,Phase=40,Strength=8)">
Bild von Durchsichtig zu Original

<script type="text/javascript">
/***********************************************
* Gradual Highlight image script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var baseopacity=30
function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",50)
}
function slowlow(which2){
cleartimer()
instantset(baseopacity)
}
function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}
function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}
function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
<img class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)" src="BILD-URL">
Verwischt

<img src="BILD-URL" style="filter:blur(direction=45, strength=99)">
Negativ

<img src="BILD-URL" style="filter:progid:DXImageTransform.Microsoft.BasicImage(Invert=1)">
Verpixelt

<img src="BILD-URL" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=5)">
Praegen

<img src="N<img src="http://i31.tinypic.com/2eupouw.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()">BILD-URL" style="filter:progid:DXImageTransform.Microsoft.Emboss()">
Gluehender Rand

<img src="http://i31.tinypic.com/2eupouw.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#FA026B,strength=10)">
Schatten

<img src="http://i31.tinypic.com/2eupouw.jpg" style="filter:progid:DXImageTransform.Microsoft.Shadow(direction=45,color=#FA026B,strength=12)">
Bei Mausberuehrung ausblenden

<span onMouseOver="meinbild1.style.visibility='hidden'" onMouseOut="meinbild1.style.visibility='visible'">
<img src="BILD-URL" id="meinbild1"></span>
Bei Mausberuehrung wechseln 2 Bilder
<span onMouseOver="imagechange.src='BILD-URL-2'" onMouseOut="imagechange.src='BILD-URL-1'"><img src="BILD-URL-1" border="0" id="imagechange"></span>
Bei Mausklick Hinweisfenster

<a onfocus="this.blur()" href="JavaScript: alert(' HINWEIS-TEXT ');"><img src="BILD-URL" border="0"></a>
Spiegeln

<img src="BILD-URL" style="filter:FlipH()">
Umdrehen

<img src="BILD-URL" style="filter:FlipV()">
Text rechts neben das Bild
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
<img src="BILD-URL" align="left">DEIN TEXT<3
Text links neben das Bild
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
<img src="BILD-URL" align="right">DEIN TEXT<3