Ich suche rieselndes Laub

CSS, Java Script u.s.w

Moderatoren: moni, Jasko

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

Ich suche rieselndes Laub

Beitragvon Santa Claus » Di 24. Okt 2017, 03:47

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


MfG aus dem Weihnachtsland
Bild

Benutzeravatar
Watsing
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1122
Registriert: So 5. Mai 2013, 08:21
Mein Vorname: Olav
Wohnort: Watsing / Thailand
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitragvon Watsing » Di 24. Okt 2017, 07:54


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

Re: Ich suche rieselndes Laub

Beitragvon Butterblume » Di 24. Okt 2017, 08:53

Guten morgen,

Das ist schön olav. Schnee kannte ichbschon, aber blätter noch nicht!

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

Re: Ich suche rieselndes Laub

Beitragvon Santa Claus » Di 24. Okt 2017, 09:45

vielen, vielen herzlichen Dank dem Helfer-da freu ich mich total
LG
MfG aus dem Weihnachtsland
Bild

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

Re: Ich suche rieselndes Laub

Beitragvon Santa Claus » Mi 25. Okt 2017, 02:42

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
MfG aus dem Weihnachtsland
Bild

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

Re: Ich suche rieselndes Laub

Beitragvon Butterblume » Mi 25. Okt 2017, 08:51

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

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

Re: Ich suche rieselndes Laub

Beitragvon Butterblume » Mi 25. Okt 2017, 09:25

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 :( :(

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

Re: Ich suche rieselndes Laub

Beitragvon Santa Claus » Mi 25. Okt 2017, 11:35

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>
MfG aus dem Weihnachtsland
Bild

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

Re: Ich suche rieselndes Laub

Beitragvon Butterblume » Mi 25. Okt 2017, 12:50

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!

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

Re: Ich suche rieselndes Laub

Beitragvon Santa Claus » Mi 25. Okt 2017, 13:59

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
MfG aus dem Weihnachtsland
Bild


Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

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