Kommentare

marboe schrieb am 26.11.2012 um 11:35 Uhr

Hallo Oldiemac,

das kannst du einfach mit einem Javascript-Code realisieren. Am besten googlest du mal nach Schneeflocken-Javascript.

Wenn dir der Schneefall gefällt und du den Code hast, dann musst du diesen einfach in einen Platzhalter reinpacken. Fertig. Wenn du da irgendwo noch Probleme bekommst, dann melde dich gerne nochmal. Viel Erfolg! Gruß Martina

anngret schrieb am 09.12.2012 um 19:37 Uhr

Leider weiß ich nicht wo ich den Code reinbringen soll. Ich habe alles ausprobiert, aber nichts.

Ich bitte um Hife und ein wenig Anleitung.

im voraus vielen dank.

marboe schrieb am 09.12.2012 um 22:01 Uhr

Hallo Anngret,

am besten postest du hier deine Quelle wo du den Code her hast. Meist steht nämlich dabei was genau in den Head und was in den Body muss. Dementsprechend müssen die Platzhalter gestaltet werden. Gruß Martina

oldiemac schrieb am 10.12.2012 um 06:47 Uhr

Hallo,

ich habe einfach gegoogelt und war auf mehreren Sein, wo der HTML-Code für Schneeflocken ohne Bilder dargestellt wurde. Unter anderem habe ich unten stehenden Code gefunden. Der muss in den Platzhalter-Body rein. ABER: bei mir schneits nur im IE. Mozilla, Chrome, Safari und Opera haben nur ne Schneerennbahn am oberen Bildrand. Sollte jemand was browserübergreifendes finden, wäre auch ich dankbar.

Ansonsten viele Grüße - wir sind eingeschneit...

oldiemac

Hier ist der Code:

 

<script type="text/javascript">
/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://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="http://www.bsc-saas.net/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="http://www.webtodateforum.de/snow.gif";
  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)
  }
</script>

oldiemac schrieb am 10.12.2012 um 06:49 Uhr

Hallo,

ich noch mal:

 

habe gerade gesehen, dass der code unvollständig ist: Hier noch mal in schönster Länge!.

 

HTML-Absatz

<script type="text/javascript">
/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://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="http://www.bsc-saas.net/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="http://www.webtodateforum.de/snow.gif";
  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)
  }
</script>

marboe schrieb am 10.12.2012 um 17:36 Uhr

Hallo, ich hab die unten von dir angegebenen Links verfolgt. Die altan.hr ist überhaupt nicht erreichbar und gibt einen 404er aus. Der nächste Link zu der Library hat mich dann weitergebracht: dort sehe ich auch in FF den Schnee einwandfrei. Bist du nach der dortigen Anleitung vorgegangen?  Dann wäre dein Code nicht korrekt. Denn du musst natürlich das Bild bei dir speichern und die Linkadresse anpassen.

Meine Empfehlung: probier es nochmal nach dieser dort angegebenen Anleitung. Für den Code: zeichne ein Rechteck auf den Seiten wo der Schnee fallen soll (auch in der gewünschten Breite und Höhe) und gebe unter Webeigenschaften -> Platzhalter für den Body den angegebenen Code ein. Ich vermute, dass du da noch einiges anpassen musst, s.o.

Dann sollte das doch funktionieren. Wie gesagt: bei mir funktioniert es.

Grundlegend noch ein Tipp: wenn du damit nicht weiterkommst, dann aktualisiere doch deine Ausgangsfrage mit dem aktuellen Problem als Ergänzung. Dadurch wird dieser Thread wieder nach oben geschoben. So lese vermutlich nur noch ich hier mit . Du erhöhst also die Wahrscheinlichkeit auf Hilfe.  Viel Erfolg! Martina

oldiemac schrieb am 10.12.2012 um 19:58 Uhr

Hallo Marboe,

 

danke für die Tipps. Ich werde es morgen oder übermorgen einfach mal austesten.

Aber mal was anderes: Die Fotostrecke von eurem Gospelchor finde ich top. Wie hast Du sie eingebunden, denn als Foto-Widget ist sie ja wohl bei Magix nicht vorhanden, jedenfalls nicht in WebDesigner MX ... oder ist das WebsiteMaker?

Viele Grüße

oldiemac

marboe schrieb am 11.12.2012 um 00:02 Uhr

Hallo nochmal,

mittlerweile habe ich den Fehler im Firefox auch. Ich habe allerdings so sehr im Code rumgespielt, dass ich dir nicht sagen kann was es ist. Schau mal hier; da findest du ein hübsches Script wo man kein Bild irgendwo speichern muss. Das funktioniert sogar mit FF einwandfrei und ist einfacher einzubinden weil man sich mit dem Bilderlink nicht irren kann. Einfach den Code unter Seite-> Body oder in einen Platzhalter-Body packen. Fertig.

Zu der Fotostrecke: Das ist mit Flash Slideshow Maker professionell erstellt. Es gibt aber auch hübsche kostenfreie Slideshows im Netz. Meistens sind diese Animationen in Flash - was leider von IOS-Geräten und einigen Handys nicht angezeigt werden kann. Ich nutze auch den MXpremium. Das Einbinden solcher Slideshows ist ein wenig kompliziert. Aber wenn du da Hilfe brauchst, dann weißt du ja jetzt wo du sie bekommst .  LG Martina