JavaScript abändern

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo,

ich habe mir das JavaScript

www.dynamicdrive.com/dynamicindex3/snow.htm

heruntergeladen und möchte es in eine eigene Datei einbauen, dabei ein
eigenes Bild verwenden, das ich im Ordner „images“ gespeichert habe.

Altan gibt zwar Ratschläge für die Verwendung auf eigener website, da ich aber von Javascripts nicht die Bohne Ahnung habe, kriege ich das nicht hin, und zwar will anstatt der Schneeflocke ein eigenes Bild „heart.gif“ verwenden, das ich im Ordner „images“ meiner website gespeichert habe.

Ich bin der Meinung, dass ich dazu den Pfad:

snowsrc=(snowsrc.indexOf(„dynamicdrive.com“) !=-1)? „snow.gif“ : snowsrc for (i = 0; i

#2

Hallo H.Mo,

du must bedenken, dass der Pfad relativ zu der aufrufenden Datei vereinbart werden muss. Alternativ kannst du einen absoluten Pfad (http://www.bla.blub/bilder/snow.gif) angeben, was ich idR vermeide.

liegen die bilder „tiefer“ kann das so aussehen:
bilder/snow.gif

liegen die bilder eine Ebene „höher“ kann das so aussehen:
…/snow.gif

liegen die bilder „seitlich“ (also erst hoch, dann wieder runter) kann das so aussehen:
…/bilder/snow.gif

ggfs. kann man auch soetwas machen:
…/…/…/meins/bilder/snow.gif
drei ebenen hoch, zwei runter

Was du konkret brauchst liegt an deiner Dateistruktur.

mfg

Dirk.Pegasus

#3

Hallo H.Mo,

du must bedenken, dass der Pfad relativ zu der aufrufenden
Datei vereinbart werden muss. Alternativ kannst du einen
absoluten Pfad (http://www.bla.blub/bilder/snow.gif) angeben,
was ich idR vermeide.

Hallo Dirk und danke für feedback.

Das hilft mir leider nicht weiter; egal, was ich einsetze, immer kommen Schneeflocken!

Das ist das Element, was meiner Meinung nach geändert werden muss, sicher bin ich mir da aber nicht (wie gesagt, ich habe keine Ahnung von JavaScripts):

snowsrc=(snowsrc.indexOf(„dynamicdrive.com“)!=-1)? „snow.gif“ : snowsrc
for (i = 0; i

#4 
 \<B\>// hier musst du statt "snow.gif" dein Bild angeben\</B\>
 var snowsrc="snow.gif"
 // Configure below to change number of snow to render
 var no = 10;
 // Configure whether snow should disappear after x seconds (0=never):
 var hidesnowtime = 0;
 // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
 var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

 var ie4up = (document.all) ? 1 : 0;
 var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

 function iecompattest(){
 return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
 }

 var dx, xp, yp; // coordinate and position variables
 var am, stx, sty; // amplitude and step variables
 var i, doc\_width = 800, doc\_height = 600; 

 if (ns6up) {
 doc\_width = self.innerWidth;
 doc\_height = self.innerHeight;
 } else if (ie4up) {
 doc\_width = iecompattest().clientWidth;
 doc\_height = iecompattest().clientHeight;
 }

 dx = new Array();
 xp = new Array();
 yp = new Array();
 am = new Array();
 stx = new Array();
 sty = new Array();
 \<B\> // diese Zeile bedeutet so in etwa: wenn im Variablenwert von snowsrc "dynamicdrive.com" vorkommt, dann ordne der Variablen snowsrc den Wert "snow.gif" zu, ansonsten lasse den Wert so wie er ist\</B\>
 snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc\<B\>; // Semikolon vergessen ? \</B\>
 for (i = 0; i \< no; ++ i) { 
 dx[i] = 0; // set coordinate variables
 xp[i] = Math.random()\*(doc\_width-50); // set position variables
 yp[i] = Math.random()\*doc\_height;
 am[i] = Math.random()\*20; // set amplitude variables
 stx[i] = 0.02 + Math.random()/10; // set step variables
 sty[i] = 0.7 + Math.random(); // set step variables
 if (ie4up||ns6up) {
 if (i == 0) {
 document.write("\<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"\>\<a href=\"http://dynamicdrive.com\"\>\<img src='"+snowsrc+"' border=\"0\"\>\<\/a\>\<\/div\>");
 } else {
 document.write("\<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"\>\<img src='"+snowsrc+"' border=\"0\"\>\<\/div\>");
 }
 }
 }

 function snowIE\_NS6() { // IE and NS6 main animation function
 doc\_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
 doc\_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
 for (i = 0; i \< no; ++ i) { // iterate for every dot
 yp[i] += sty[i];
 if (yp[i] \> doc\_height-50) {
 xp[i] = Math.random()\*(doc\_width-am[i]-30);
 yp[i] = 0;
 stx[i] = 0.02 + Math.random()/10;
 sty[i] = 0.7 + Math.random();
 }
 dx[i] += stx[i];
 document.getElementById("dot"+i).style.top=yp[i]+"px";
 document.getElementById("dot"+i).style.left=xp[i] + am[i]\*Math.sin(dx[i])+"px"; 
 }
 snowtimer=setTimeout("snowIE\_NS6()", 10);
 }

 function hidesnow(){
 if (window.snowtimer) clearTimeout(snowtimer)
 for (i=0; i\<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
 }


if (ie4up||ns6up){
 snowIE\_NS6();
 if (hidesnowtime\>0)
 setTimeout("hidesnow()", hidesnowtime\*1000)
 }
#5

danke, Lianna Alba,

jetzt hab ich’s - und es funktioniert.

Viele Grüße
H.Mo

#6

Hallo H-Mo.

ich werde demnächst wohl genauer hinschauen müssen. Ich hatte übersehen, dass dort ein absoluter Pfad „gebaut“ wird. Da die url eingeht, konnte mein Hinweis nicht klappen. Hat sich aber ja inzwischen erledigt.

Noch viel Sass beim „basteln“

mfg

Dirk.Pegasus