Ich suche rieselndes Laub

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
Santa Claus
Forengänger
Forengänger
Beiträge: 29
Registriert: Mo 5. Dez 2016, 03:54
Mein Vorname: Cosi
Kontaktdaten:

Ich suche rieselndes Laub

Beitrag 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
Benutzeravatar
Watsing
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1236
Registriert: So 5. Mai 2013, 08:21
Mein Vorname: Olav
Wohnort: Watsing / Thailand
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag von Watsing »

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7505
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag von Butterblume »

Guten morgen,

Das ist schön olav. Schnee kannte ichbschon, aber blätter noch nicht!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
Santa Claus
Forengänger
Forengänger
Beiträge: 29
Registriert: Mo 5. Dez 2016, 03:54
Mein Vorname: Cosi
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag von Santa Claus »

vielen, vielen herzlichen Dank dem Helfer-da freu ich mich total
LG
Benutzeravatar
Santa Claus
Forengänger
Forengänger
Beiträge: 29
Registriert: Mo 5. Dez 2016, 03:54
Mein Vorname: Cosi
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag 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
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7505
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag 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
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7505
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag 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 :( :(
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
Santa Claus
Forengänger
Forengänger
Beiträge: 29
Registriert: Mo 5. Dez 2016, 03:54
Mein Vorname: Cosi
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag 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>
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7505
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag 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. :x Der Kackt ja momentan immer ab. Freitag wird erneut nach gesehen!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
Santa Claus
Forengänger
Forengänger
Beiträge: 29
Registriert: Mo 5. Dez 2016, 03:54
Mein Vorname: Cosi
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag 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
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste