am 15.02.2008 um 10:44 Uhr
Grafiken Flash HTML & CSS PHP & MySQL Javascript Fertige Skripte Anderes Statistik
|
|
Anzeigen
|
5x bewertet
Wackelbilder
von
shintsu |
15.02.2008 um 00:08 h
Typ: Javascript Anwendungen
Stufe:Mittel
Stufe:Mittel
Gleich angemeldet und dann kommt auch schon ein erstes Tutorial von mir. 
Mit diesem Java-Script von Dynamic Drive kann man Bilder zum wackeln bringen, wie eine Art Vibration wenn man mit der Maus über das bestimmte Bild fährt.
Als erstes müsst ihr diesen CODE in euren <head></head> bereich einfügen.
Und nun zum letzen Schritt meines kleinen Tutorials:
Diesen Code könnt ihr nun für die Bilder verwenden, die wackeln sollen.
Nur vergesst nicht bei "your img data" euer Bild einzufügen, sonst wird das nichts!
lg, shiny
Mit diesem Java-Script von Dynamic Drive kann man Bilder zum wackeln bringen, wie eine Art Vibration wenn man mit der Maus über das bestimmte Bild fährt.
Als erstes müsst ihr diesen CODE in euren <head></head> bereich einfügen.
<script language="JavaScript1.2">
/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
Und nun zum letzen Schritt meines kleinen Tutorials:
<img src="your img data" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">
Diesen Code könnt ihr nun für die Bilder verwenden, die wackeln sollen.
Nur vergesst nicht bei "your img data" euer Bild einzufügen, sonst wird das nichts!
lg, shiny
7 Kommentare
geändert :-)
Geht das auch für den FF oder nur für den IE? 
am 16.02.2008 um 09:09 Uhr
DiabolicHerz
Klasse. von Dynamicdrive kopiert... Kannst du vielleicht die einzelnen Javascript-Funktionen erklären? Sonst kann man sich das Tut auch sonst wo hinstecken und es einfach von DD kopieren, ist ja nichts am Verständnis getan ;)Abgesehen davon finde ich diese Scripts extrem nervig, aber das ist ja jedem selbst überlassen...
am 16.02.2008 um 13:29 Uhr
Nekoji
Installationshilfen für fremde Skripte bitte in Skriptverwendung packen. (hab das mal verschoben)Tutorials sollten, wie DiabolicHerz schon sagte, eine genaue Eklärung über die einzelnen Funktionen enthalten.
am 17.02.2008 um 04:30 Uhr
Es heisst auch nicht Chacked sondern Shaked!!!
am 22.04.2008 um 10:16 Uhr
Jel
naja, Thomas, wenn du schon korrigierst, dann richtig:shake - shook - shaken
und nicht shake - shaked - shaked :P
am 02.08.2008 um 19:48 Uhr
deine beschreibung für das tutorial sollte also ein bisschen mehr sein als nur " Ein lustiger Java-Script..." ;)