Javascript  »  Bilder  »  Bilddreher

zur Übersicht

Kategorie	Bilder
Bezeichnung	Bilddreher
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	37397 Aufrufe davon 1x gestern
Das Script läuft nur mit dem IE und stammt von felix
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <script> var alle_bilder = new Array() var j=1 function neues_bild(url1,url2,x,y) { name = "bild"+j; j++; document.write("<span id='sp1" + name + "'> </span><span style='{background-color:#000000;}'><img id='"+name+"' style='{filter:Alpha(style=1,opacity=100,finishopacity=0,startx=0,starty=50,finshx=0,finishy=50);}' class='"+name+"' src='"+url1+"' height="+y+" width="+x+"></span><span id='sp2" + name + "'> </span>"); alle_bilder[name]=new Array(); alle_bilder[name]["url1"]=url1; alle_bilder[name]["zustand"]=url1; alle_bilder[name]["url2"]=url2; alle_bilder[name]["zaehler"]=Math.PI/2; alle_bilder[name]["x"]=x; alle_bilder[name]["y"]=y; bild_drehen(name); } function bild_drehen(name) { alle_bilder[name]["zaehler"]+=0.075; document.all[name].style.pixelWidth = Math.floor(Math.abs(Math.cos(alle_bilder[name]["zaehler"])*alle_bilder[name]["y"])/2)*4; document.all["sp1"+name].style.pixelWidth = Math.ceil(alle_bilder[name]["y"]*2 - document.all[name].style.pixelWidth)/2+10; document.all["sp2"+name].style.pixelWidth = Math.ceil(alle_bilder[name]["y"]*2 - document.all[name].style.pixelWidth)/2+10; document.all[name].filters[0].finishopacity = (Math.cos(alle_bilder[name]["zaehler"]/2)*100+90); document.all[name].filters[0].opacity = (Math.cos(alle_bilder[name]["zaehler"]/2)*(-100)+90); if(alle_bilder[name]["zaehler"]>=3*Math.PI/2) { if(alle_bilder[name]["zustand"]==alle_bilder[name]["url1"]) { alle_bilder[name]["zustand"] = alle_bilder[name]["url2"]; document.all[name].src = alle_bilder[name]["zustand"]; }else { alle_bilder[name]["zustand"] = alle_bilder[name]["url1"]; document.all[name].src = alle_bilder[name]["zustand"]; } alle_bilder[name]["zaehler"]=Math.PI/2; } alle_bilder[name]["drehdich"] = setTimeout("bild_drehen('"+name+"')",30) } </script> Dieses Bild steht im Textfluss: <script> neues_bild("gfxu/bildi.gif","gfxu/bildii.gif",200,100); </script> ... und so weiter<p> <p> Dieses Bild steht im Textfluss: <script> neues_bild("gfxu/bild1.gif","gfxu/bild2.gif",140,60); </script> ... und so weiter<p> <p> Dieses Bild steht im Textfluss: <script> neues_bild("gfxu/beachparty3.jpg","gfxu/beachparty4.jpg",200,100); </script> ... und so weiter

Kommentare zu Bilddreher

2 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 06.02.2005 um 16:39 Uhr von Andy
Das Script zum Bilder drehen ist super. Leider habe ich beim GIF-Bild den Rand schwarz, wa... 

am 26.03.2003 um 03:40 Uhr von rob
abgefahren!... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen