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
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
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
\<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)
}
danke, Lianna Alba,
jetzt hab ich’s - und es funktioniert.
Viele Grüße
H.Mo
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
