Startseite Forum
Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

Fertiges Javascript In Eigene Website Einbinden
(1 Leser) (1) Gast
  • Seite:
  • 1

THEMA: Fertiges Javascript In Eigene Website Einbinden

Fertiges Javascript In Eigene Website Einbinden 4 Jahre, 3 Monate her #625

  • HMo
Hallo,
ich habe mir das folgende Script von der Seite:
http://www.dynamicdrive.com/dynamicindex3/snow.htm
heruntergeladen, das ich auf einer eigenen website verwenden will, und zwar mit
einem Bild "heart.gif", das ich im Ordner "images" gespeichert habe.


<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
 
  //Configure below to change URL path to the snow image
  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();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
  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="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)
  }

</script>


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 ich 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 < no; ++ i) { 


ändern muss. Aber wie bitte?
Egal, was ich da einsetze, immer kommen die Schneeflocken. Evtl. müssen noch andere Änderungen vorgenommen werden ???

Kann mir bitte jemand helfen?
Gruß
HMo

Fertiges Javascript In Eigene Website Einbinden 4 Jahre, 3 Monate her #4601

  • micha
  • OFFLINE
  • Administrator
  • Beiträge: 1919
  • Karma: 31
Reicht wenn du die Zeile

var snowsrc="snow.gif"


anpasst

Fertiges Javascript In Eigene Website Einbinden 4 Jahre, 3 Monate her #4602

  • HMo
danke Micha,

ich hab's geändert - und es funktioniert.

Beste Grüße
HMo

Aw: Fertiges Javascript In Eigene Website Einbinde 2 Jahre, 3 Monate her #8165

  • Taulie
  • OFFLINE
  • Junior Boarder
  • Beiträge: 34
  • Karma: 0
Hallo,

ich bin neu hier, und kenne mich mit PHP und solche Codes noch nicht so aus.

Ich hab dieses Skript gefunden, das ich gerne auf meiner Homepage machen möchte.
Es geht auch alles, nur kommt anstelle der Schneeflocke (Blatt) ein kleines Fenster mit einen rotem X.

Mir fehlt das Bild (gif) weiß aber nicht wie ich es: wo ich es Speichern / einbinden muss.

Kann mir einer helfen?


Danke schon mal
Dominik

Aw: Fertiges Javascript In Eigene Website Einbinde 2 Jahre, 3 Monate her #8166

  • micha
  • OFFLINE
  • Administrator
  • Beiträge: 1919
  • Karma: 31
Lad das Bild einfach bei dir hoch. In der Variablen snowsrc musst du dann den Pfad zum Bild angeben. Liegt das Bild im gleichen Verzeichnis wie das Javascript bzw. die Webseite, dann reicht der Name.
Letzte Änderung: 2 Jahre, 3 Monate her von micha.

Aw: Fertiges Javascript In Eigene Website Einbinde 2 Jahre, 3 Monate her #8167

  • Taulie
  • OFFLINE
  • Junior Boarder
  • Beiträge: 34
  • Karma: 0
Sorry ich kann nicht ganz folgen:

Was muss ich Laden? Bild URL kopieren oder Bild speichern unter?

Und dann denn Pfad nach: var snowsrc=.gif"......

Kopieren. Welchen wo?

Aw: Fertiges Javascript In Eigene Website Einbinde 2 Jahre, 3 Monate her #8168

  • micha
  • OFFLINE
  • Administrator
  • Beiträge: 1919
  • Karma: 31
Das Bild lädst du dir erstmal auf deinen Rechner runter (rechte Maustaste...), dann lädst du es auf deinen Webspace hoch (z. B. via FTP), dann trägst du bei snowsrc den Ort ein, wohin du es hochgeladen hast.

Aw: Fertiges Javascript In Eigene Website Einbinde 2 Jahre, 3 Monate her #8169

  • Taulie
  • OFFLINE
  • Junior Boarder
  • Beiträge: 34
  • Karma: 0
Ah, aber ich glaub das ist für denn Vorgang noch interessant:

Ich Arbeite mit NOF 10 ( NetObjects Fusion 10 ).

Aw: Fertiges Javascript In Eigene Website Einbinde 2 Jahre, 3 Monate her #8171

  • Taulie
  • OFFLINE
  • Junior Boarder
  • Beiträge: 34
  • Karma: 0
Hab mir jetzt das Skript von der Forum Seite hier genommen. Hatt alles Funktioniert.
  • Seite:
  • 1
Ladezeit der Seite: 0.49 Sekunden

Login

Aktuell im Forum

mehr