1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

Herbst-Script! Wie?

Discussion in 'Web-Know-how für die Homepage' started by Red Lotus, Sep 22, 2007.

Thread Status:
Not open for further replies.
  1. Red Lotus

    Red Lotus Byte

    Hallo,
    Ich möchte auf der Startseite meiner Homepage ein Herbst-Script (fallende Blätter) einfügen!
    Mit dem Schnee-Script klappte super! Da hatte ich zwei Dateien
    ( Schnee.gif u. Schnee.js )
    Wer kann mir da helfen? Das es auch mit den fallenden Blättern was wird!
    Kleine Anleitung wäre schön!
    Danke
    R.L
     
  2. lightdisc

    lightdisc Halbes Megabyte

    .....Die Schnee.gif durch eine Herbst.gif ersetzen?
     
  3. Red Lotus

    Red Lotus Byte

    Hallo,
    Habe mich schon zu früh gefreut!
    Wenn ich auf meinem PC die Index-Datei anklicke sehe ich die Blätter oder den Schnee fallen!
    Auf dem Server wo sich meine Homepage befindet werden die Blätter aber nur als Quadrate mit einem roten X angezeigt!
    Die schnee,gif und herbst.gif befinden sich auf dem Server!
    Was ist noch zu ändern?
     
  4. lightdisc

    lightdisc Halbes Megabyte

    Dann hast du den falschen bzw. den lokalen Pfad für die Bilder angegeben. Vergleiche den Pfad im Script und den Pfad wo sich die Bilder befinden.
     
  5. Red Lotus

    Red Lotus Byte

    Hallo,
    Leider finde ich im Script keine Angabe zum Pfad!
    Kann ich den nicht auch eingeben? Aber wie muß das aussehen?
    Hier mal die Script-Datei! Die Schnee.gif habe ich durch die Herbst.gif
    ersetzt!
    <script language="JavaScript1.2">



    var snowsrc="Schnee.gif"
    var no = 10;

    var ns4up = (document.layers) ? 1 : 0;
    var ie4up = (document.all) ? 1 : 0;

    var dx, xp, yp;
    var am, stx, sty;
    var i, doc_width = 800, doc_height = 600;

    if (ns4up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    } else if (ie4up) {
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
    }

    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();

    for (i = 0; i < no; ++ i) {
    dx = 0;
    xp = Math.random()*(doc_width-50);
    yp = Math.random()*doc_height;
    am = Math.random()*20;
    stx = 0.02 + Math.random()/10;
    sty = 0.7 + Math.random();
    if (ns4up) {
    if (i == 0) {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
    } else {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
    }
    } else if (ie4up) {
    if (i == 0) {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><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 snowNS() {
    for (i = 0; i < no; ++ i) {
    yp += sty;
    if (yp > doc_height-50) {
    xp = Math.random()*(doc_width-am-30);
    yp = 0;
    stx = 0.02 + Math.random()/10;
    sty = 0.7 + Math.random();
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    }
    dx += stx;
    document.layers["dot"+i].top = yp;
    document.layers["dot"+i].left = xp + am*Math.sin(dx);
    }
    setTimeout("snowNS()", 10);
    }

    function snowIE() {
    for (i = 0; i < no; ++ i) {
    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();
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
    }
    dx[i] += stx[i];
    document.all["dot"+i].style.pixelTop = yp[i];
    document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowIE()", 10);
    }

    if (ns4up) {
    snowNS();
    } else if (ie4up) {
    snowIE();
    }

    </script>[/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i]
     
  6. lightdisc

    lightdisc Halbes Megabyte

    Code:
    var snowsrc="Schnee.gif"
    Hier trägst du jetzt z.B. folgendes ein:

    Code:
    var snowsrc="http://domain.de/pfad/zum/bild.gif"
     
  7. Red Lotus

    Red Lotus Byte

    Hallo,
    Das es mit dem anderen Script usw. nicht geklappt hat, lag an der gif.-Datei!
    (rotierendes Blatt) Mit der gif.Datei! Ein Blatt das sich nur in der Farbe verändert, ging es so wie Du geschrieben hast! ;)
    Kann es auch an dem Server liegen, dass er etwas nicht unterstützt!
    So das es mit dem rotierenden Blatt (gif.-Datei nicht klappt? :heul:
    Oder sollte ich das mit dem anderen Script noch mal probieren?
    Wie ich den Pfad angeben muss, weiß ich jetzt ja. :danke:
    R.L
     
  8. lightdisc

    lightdisc Halbes Megabyte

    Nein, da die ganze Geschichte seitens des Clients abläuft und mit dem Server nichts zu tun hat ;)
     
  9. Red Lotus

    Red Lotus Byte

    hi, lightdisc :danke:
    Mit dem Script (siehe weiter oben) und dem richtigen Pfad läuft
    jetzt alles 1a! :D
    Leider zeigt der Browser-Firefox das nich an, aber dafür der
    Internet-Explorer!
    Gruß
    R.L
     
Thread Status:
Not open for further replies.

Share This Page