Startseite Forum
Willkommen, Besucher
Bitte anmelden oder registrieren.    Passwort vergessen?

Fertiges Javascript In Eigene Website Einbinden
(1 Leser) (1) Besucher
Zum Ende gehenSeite: 1
THEMA: Fertiges Javascript In Eigene Website Einbinden
#625
Fertiges Javascript In Eigene Website Einbinden vor 2 Jahren, 10 Monaten  
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
HMo
unbekannter Benutzer

Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#4601
Fertiges Javascript In Eigene Website Einbinden vor 2 Jahren, 10 Monaten Karma: 4
Reicht wenn du die Zeile

Code:

var snowsrc="snow.gif"


anpasst
micha
micha
Admin
Beiträge: 1593
graph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Geburtstag: 30.09
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#4602
Fertiges Javascript In Eigene Website Einbinden vor 2 Jahren, 10 Monaten  
danke Micha,

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

Beste Grüße
HMo
HMo
unbekannter Benutzer

Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#8165
Aw: Fertiges Javascript In Eigene Website Einbinde vor 11 Monaten 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
Taulie
Taulie
Junior Boarder
Beiträge: 34
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#8166
Aw: Fertiges Javascript In Eigene Website Einbinde vor 11 Monaten Karma: 4
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.
micha
micha
Admin
Beiträge: 1593
graph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Geburtstag: 30.09
Letzte Änderung: 14.10.2009 00:29 von micha.
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#8167
Aw: Fertiges Javascript In Eigene Website Einbinde vor 11 Monaten 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?
Taulie
Taulie
Junior Boarder
Beiträge: 34
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#8168
Aw: Fertiges Javascript In Eigene Website Einbinde vor 11 Monaten Karma: 4
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.
micha
micha
Admin
Beiträge: 1593
graph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Geburtstag: 30.09
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#8169
Aw: Fertiges Javascript In Eigene Website Einbinde vor 11 Monaten Karma: 0
Ah, aber ich glaub das ist für denn Vorgang noch interessant:

Ich Arbeite mit NOF 10 ( NetObjects Fusion 10 ).
Taulie
Taulie
Junior Boarder
Beiträge: 34
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#8171
Aw: Fertiges Javascript In Eigene Website Einbinde vor 11 Monaten Karma: 0
Hab mir jetzt das Skript von der Forum Seite hier genommen. Hatt alles Funktioniert.
Taulie
Taulie
Junior Boarder
Beiträge: 34
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
Zum Anfang gehenSeite: 1

Login

Letzte Beiträge

Antwort auf Login
Atom 24 9.9.2010 16:58
Hier, dass ist alles auf der Seite:

Automatischer Bildwechsel
Ronny 9.9.2010 16:57
Hallo ich suche ein Script für einen Bildwechs...

Aw: Twitter-Javascript
xXPatrickXx 9.9.2010 16:03
Vielen Dank Micha!!! Es hat endlich geklappt ...

Aw: Twitter-Javascript
micha 9.9.2010 10:13
Dann entferne im Javascript noch folgende Teil...

Aw: Dojo
Phenix 8.9.2010 20:19
Ich kann es heute leider nicht hochladen, da i...

Zahlen-Umrechner
david97 8.9.2010 15:58
Hallo :) Ich möchte euch meinen Umwandler v...

Aw: Alles über dich ;-)
david97 8.9.2010 15:54
Der Thread ist mehr als ein halbes Jahr alt...

Countdown positiv
doc36 8.9.2010 11:43
Hallo, ich habe ein Script im Internet gefu...

Aw: Twitter-Javascript
xXPatrickXx 8.9.2010 11:40
Danke, dies ist schon einmal ein Anfang. Doch...

Aw: Twitter-Javascript
micha 8.9.2010 11:06
Ändere mal in der widget.js Datei folgendes: ...

mehr...