xa-media.com | Support Forum

[chris]

du kannst die schneeflockengrafik gegen alles beliebige austauschen

[Galaxy-Susi]

eval('imgFlake' + i + '.src="http://www.iphpbb.com/board/images/snowsmall.gif";');



das ist die Grafik, die ich dann ändern muß, oder? Kann ich ja sicher auch einfach bei tinypic hochladen.

LG

[chris]

ja genau. aber du mußt den direkten link zum bild einfügen

[igeli]

hi,
ich habe also im IE7 nun die Herbstblätter zum fallen gebracht mit der Code von Chris auf Seite 1
(der für Grossse Flocken). Als ich vom Forum Index zum Portal bin um zu sehen ob es dort auch "rieselt", tat es nicht - aber IE Browser freeze-up.
Habe dann die Forum Index-Seite auch sichtbar fürs Portal gemacht, neu gestartet und nun rieselts auch Blätter auf'm Portal. (Ich hoffe auf keine weiteren freeze-ups, aber ich benutze ja leider den IE nie, halt einige meiner Mitglieder benutzen den + somit keine Probs dort.

OK - Wunder geschehen, es klappt mal was im IE und NICHT im Firefox.
Ich habe das gleiche wie ein paar andere hier letztes Jahr hatten => nur ein Blättchen oben links auf'm Logo.
Ich benutze subsilver2 -habe ein Forum sichtbar gemacht zum Lesen für Gäste (warum das eigentlich ? Verstehe ich nicht. Aber gut, die könnten halt den Foren-Knigge lesen

Also, gibt es nun inzwischen eine Lösung für den FF 3.0.1 Browser ?
Ich habe mir die Lösung vom "morpheus" angesehen, aber nicht probiert. Ich finde dort auch keine Zeile wo man den Link zum Bilderhost setzen sollte? (eval...etc)
Auch verstehe ich nicht, wenn die funzen soll, dann funzt es wieder nicht beim IE? Wenn man hier alles nachliest, man wird ja ganz "kirre"

Noch eine prinzipielle Frage hätte....spielt es keine Rolle wie groß das Bild ist? Oder was ist der Unterschied zwischen den Codes "große" und "kleine"
Mein jetziges Bild ist 31x31 pix.
Ich hätte liebend gerne eine Lösung bitte, fG

[Sonnenblume]

Ich habe 2 Codes, die sowohl mit dem IE als auch mit dem FF funktionieren, ergoogelt.

Bitten den folgenden Code einfach bei "HTML-Ersetzung" eintragen, sich für "BBCode-Benutzung" irgendwas ausdenken (z.B. [snowxyz][/snowxyz]), und dann den ausgedachten Code in die Beschreibung eines Forum kopieren.

Die Grafiken können natürlich ersetzt werden. (Größe egal; muss halt noch gut aussehen. Einfach ausprobieren!)
_______________________________________________________________________
_______________________________________________________________________

Code: Alles auswählen

<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.iphpbb.com/board/images/snowbig.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=\"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>

_______________________________________________________________________
_______________________________________________________________________

Code: Alles auswählen

<script type='text/javascript'>
<!--
var no = 18; // Anzahl der Schneeflocken
var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller
var snowflake = "http://www.iphpbb.com/board/images/snowsmall.gif";

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width, doc_height;
doc_width = document.body.clientWidth;
doc_height = 1100;

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[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 (i == 0) {
      document.write("<div id=\"schneedot"+ i +"\" style=\"position: ");
      document.write("absolute; z-index: "+ i +"; visibility: ");
      document.write("visible; top: 15px; left: 15px;\"><img src=\"");
      document.write(snowflake + "\" border=\"0\"></div>");
   } else {
      document.write("<div id=\"schneedot"+ i +"\" style=\"position: ");
      document.write("absolute; z-index: "+ i +"; visibility: ");
      document.write("visible; top: 15px; left: 15px;\"><img src=\"");
      document.write(snowflake + "\" border=\"0\"></div>");
   }
}
function snowIE() {  // IE main animation function
   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("schneedot"+i).style.top = yp[i] + "px";
      document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i]))  + "px";
   }
   setTimeout("snowIE()", speed);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html" title="Schnee" target="_blank">Schnee</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=273"></script>

[igeli]

Super - danke an Sonnenblume.

Habe nun schöne Blätter rieseln ...auch im Firefox.

Habe die zweite Code benutzt, leider zuerst an falscher Stelle das Bild eingesetzt.
Kenn mich doch nicht aus mit script

habe es aber unter dieser Zeile: var snowflake = "http://img19.myimg.de/b573128.gif";
nun wohl richtig getroffen, falls jemand wie ich Probleme hat mit Bild einsetzen.

[Sonnenblume]

Jupp, es muss nur entweder die Grafikadresse
http://www.iphpbb.com/board/images/snowsmall.gif
oder
http://www.iphpbb.com/board/images/snowbig.gif
ersetzt werden.

Lustig ist es z.B. auch, wenn man Smileys rieseln lässt ( images/smilies/icon_mrgreen.gif ) ...

[der sweet 5]

Ich habe 2 Codes, die sowohl mit dem IE als auch mit dem FF funktionieren, ergoogelt.

Bitten den folgenden Code einfach bei "HTML-Ersetzung" eintragen, sich für "BBCode-Benutzung" irgendwas ausdenken (z.B. [snowxyz][/snowxyz]), und dann den ausgedachten Code in die Beschreibung eines Forum kopieren.

Die Grafiken können natürlich ersetzt werden. (Größe egal; muss halt noch gut aussehen. Einfach ausprobieren!)
_______________________________________________________________________
_______________________________________________________________________

Code: Alles auswählen

<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.iphpbb.com/board/images/snowbig.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=\"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>

_______________________________________________________________________
_______________________________________________________________________

Code: Alles auswählen

<script type='text/javascript'>
<!--
var no = 18; // Anzahl der Schneeflocken
var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller
var snowflake = "http://www.iphpbb.com/board/images/snowsmall.gif";

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width, doc_height;
doc_width = document.body.clientWidth;
doc_height = 1100;

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[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 (i == 0) {
      document.write("<div id=\"schneedot"+ i +"\" style=\"position: ");
      document.write("absolute; z-index: "+ i +"; visibility: ");
      document.write("visible; top: 15px; left: 15px;\"><img src=\"");
      document.write(snowflake + "\" border=\"0\"></div>");
   } else {
      document.write("<div id=\"schneedot"+ i +"\" style=\"position: ");
      document.write("absolute; z-index: "+ i +"; visibility: ");
      document.write("visible; top: 15px; left: 15px;\"><img src=\"");
      document.write(snowflake + "\" border=\"0\"></div>");
   }
}
function snowIE() {  // IE main animation function
   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("schneedot"+i).style.top = yp[i] + "px";
      document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i]))  + "px";
   }
   setTimeout("snowIE()", speed);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html" title="Schnee" target="_blank">Schnee</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=273"></script>

was muss man da raus nehmen,wenn man da die bilder ändern will?=

[Sonnenblume]

was muss man da raus nehmen,wenn man da die bilder ändern will?=

Die Antwort steht doch direkt über Deiner Frage.

Und bitte nicht das ganze Posting zitieren!

[friendly]

was muss man da raus nehmen,wenn man da die bilder ändern will?=

Du musst hier:

var snowflake = "http://www.iphpbb.com/board/images/snowsmall.gif";

beim fettgedruckten Teil die URL des Bildes einsetzen, das Du haben willst.