Seite 1 von 3
Ich suche rieselndes Laub
Verfasst: Di 24. Okt 2017, 03:47
von Santa Claus
Hallöchen @n alle Helfer,
ich suche einen Code für rieselndes Herbstlaub und bin bei meiner Suche im www leider nicht fündig geworden.
Auf meiner Website:
http://www.weihnacht-im-netz.de.tl
habe ich ja im Intro die Schneeflocken und genauso was suche ich nur eben mit Herbstlaub.
Kann mir jemand helfen?
Würde mich sehr freuen,
danke schon mal und viele Grüße
aus dem Weihnachtsland
Re: Ich suche rieselndes Laub
Verfasst: Di 24. Okt 2017, 07:54
von Watsing
Re: Ich suche rieselndes Laub
Verfasst: Di 24. Okt 2017, 08:53
von Butterblume
Guten morgen,
Das ist schön olav. Schnee kannte ichbschon, aber blätter noch nicht!
Re: Ich suche rieselndes Laub
Verfasst: Di 24. Okt 2017, 09:45
von Santa Claus
vielen, vielen herzlichen Dank dem Helfer-da freu ich mich total
LG
Re: Ich suche rieselndes Laub
Verfasst: Mi 25. Okt 2017, 02:42
von Santa Claus
Hallo, ich nochmal,
habe nun Stunden versucht, das ganze zum Laufen zu bringen-funktioniert aber nicht
Das Script soll für das Intro auf dieser Homepage sein:
http://www.schulzeit-in-leipzig.de.tl
ich bekomme es einfach nicht hin, das Laub hängt in der oberen linken Ecke fest.
Und bei der zweiten Variante, die mir der nette Helfer hier gepostet hat, verstehe ich die Anleitung nicht.
Für die erste Variante sieht der Code so aus:
Code: Alles auswählen
<script language="JavaScript1.2">
//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)
//Modified by Dynamic Drive for NS6 functionality
//visit http://www.dynamicdrive.com for this script
//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt-01.png";
Image1=new Image();
Image1.src=grphcs[1]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt-02.png"
Image2=new Image();
Image2.src=grphcs[2]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt-03.png"
Image3=new Image();
Image3.src=grphcs[3]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt-04.png"
Image4=new Image();
Image4.src=grphcs[4]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt-05.png"
Image5=new Image();
Image5.src=grphcs[5]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt-06.png"
Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
window.onload=fall
//-->
</script>
möchte nochmals freundlich bitten, ob wir das zum Laufen bringen könnten.
Danke und Gruss
Re: Ich suche rieselndes Laub
Verfasst: Mi 25. Okt 2017, 08:51
von Butterblume
Guten morgen,
Ich habe auf meine weihnachts homepage jetzt auch leichten schneefall. Ist nicht der brül,er, weil es eher fiztelschnee ist etws größer könnte es sein, aber nun gut...
Vielleicht ist bei deinem code was falsch eingestellt?
Ich denke, bei der zweiten variante musst du dir das erst einmal runter laden. Ich habs hier jetzt noch nicht versucht, weil ich am tablet sitze. Ich versuche das heute noch .mal
Re: Ich suche rieselndes Laub
Verfasst: Mi 25. Okt 2017, 09:25
von Butterblume
Habe das jetzt mal ausprobiert. Du musst die Zip Himagefall runterladen und entpacken.
https://www.hscripts.com/scripts/JavaSc ... e-fall.php
Ich habe eine Testseite hier und habe es im Ornder Design gesetzt. Denn du musst die die leaf.gif und die picture-fall.js auf deinen Server bringen!
Meine Testseite geht noch nicht, habe sie bei meinem Server eben erst angemdelt. Dauert ein bisschen. BAer versuche es wenn dann mal hier zu öffnen.
http://test.karins-poserbilder.de/index.php
müsste dann eigentlich gehen?!
Der Scriptcode wäre dieser hier:
<script type="text/javascript" SRC="himagefall/picture-fall.js"></script>
Hoffe ich konnte in irgendeiner weise wieter helfen?!
NACHTRAG: Muss irgendein Fehler drin sein. Die Blätter fallen nicht
Re: Ich suche rieselndes Laub
Verfasst: Mi 25. Okt 2017, 11:35
von Santa Claus
Hallo Butterblume,
ja auf deiner Seite funktioniert nicht.
Aber der Code für die Schneeflocken die ich auf meiner Weihnachtsseite im Intro habe ist dieser-probier doch den mal:
Code: Alles auswählen
<script type="text/javascript">initTranslation();
</script><!-- präsentiert von kostenlose-javascripts.de --><SCRIPT type="text/javascript">
// Set the number of snowflakes (more than 30 - 60 not recommended)
var snowmax=55
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#ffffff","#ffffff","#ffffff","#ffffff","#ffffff","#ffffff")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Cooper Std Black","Cooper Std Black","Cooper Std Black","Cooper Std Black","Cooper Std Black","Cooper Std Black","Cooper Std Black","Cooper Std Black","Cooper Std Black")
// Set the letter that creates your snowflake (recommended: * )
var snowletter="*"
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.90
// Set the maximum-size of your snowflakes
var snowmaxsize=30
// Set the minimal-size of your snowflakes
var snowminsize=30
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.scrollHeight
marginright = document.body.clientWidth-15
}
else if (ns6) {
marginbottom = document.body.scrollHeight
marginright = window.innerWidth-15
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size+'px';
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].style.zIndex=1000
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+'px';
snow[i].style.top=snow[i].posy+'px';
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
snow[i].style.top=snow[i].posy+'px';
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</SCRIPT>
Re: Ich suche rieselndes Laub
Verfasst: Mi 25. Okt 2017, 12:50
von Butterblume
Hallo Santa Claus,
probier ich gleich. Ich hatte bei deinen Code 2 den Pfad falsch. Rieseln tut es schon, aber die Blätter sind noch nicht zu ehen. Ich probiere noch was!
So, die Blätter fallen, aber ohne Grafik?!
Dachte ich könnte das in der Test im Hauptverzeichnis: himagefall setzten und dann im Haeder ändern. Alles hoch laden und gut, aber wie gesagt, die Blätter fallen, aber ohne Grafik! Warum die Grafik jetzt nicht angezeigt wird, keine Ahnung. Zumal sie im selben Ordner ist wie die js
Habe den Schneefallcode jetzt mal eingefügt!
http://weihnachtszauber.karins-poserbilder.de/index.php
Kann aber ohnehin froh sein hier über PC reinzukommen.
Der Kackt ja momentan immer ab. Freitag wird erneut nach gesehen!
Re: Ich suche rieselndes Laub
Verfasst: Mi 25. Okt 2017, 13:59
von Santa Claus
Hallo Karin,
vielen Dank für deine Mühe mit dem 2. Code, schade das du es nicht hinbekommen hast,
würde mich sehr interessieren den mal auszuprobieren.
Die Schneeflocken auf deiner Seite sieht gut aus, aber auf allen Seiten ist irgendwie etwas to much, ich denke nur auf der Startseite sollte reichen-nur so als Tipp.
LG Conny