Ich suche rieselndes Laub

CSS, Java Script u.s.w

Moderator: HTML-Laie

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 »

Conny, ich gebs nicht auf. Nur momentan funktioniert mein pc auch nicht richtig. Aber wie gesagt, ich probiere weiter. Es fehlen ja letztendlich nur noch die bilder.

Es funktioniert... :u36 :u27


Guckst du bitte hier: http://test.karins-poserbilder.de

Würde aber vielleicht noch besser aussehen wenn die grafik noch ein bisschen besser ausgeschnitten wäre!
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 »

.....meeeensch das ist ja super :16
ich habe mir selber kleine, feine, exakt ausgeschnittene Grafiken gemacht,
wenn du mir nun nochmals Stepp by Stepp erklären könntest was ich machen muss und den Code schickst-knutsch ich dich :D
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 »

Gib mir bitte mal deine email Adresse. Weil dann schicke ich dir die himagefall per email rüber!

Und nenn mir bitte den Grafiknamen und den Ordner wo du es drin hast, dann mach ich dir das fertig damit du es nur noch hoch laden musst! Anderenfalls erkläre ich idr dann dann in ruhe per email!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
charlyjaku
Bevorzugtes Stamm Mitglied
Bevorzugtes Stamm Mitglied
Beiträge: 2489
Registriert: Mo 30. Jan 2012, 18:46
Mein Vorname: Charly
Wohnort: Hamburg 22589
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag von charlyjaku »

Die grünen Ahornblätter sind der Hit. Vielleicht wende ich sie auf meiner HP auch mal an. Passend zur Tarnung ;)
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 »

Charlyschatz, ich hab sie jetzt auf meine sämtlichen subdomaibs drauf. Auf der halloween hp ändere ich sie noch einmal in geister.

Wenn hilfe brauchst (schrei mich an) sag mir Bescheid! ;)
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 Butterblümchen,
meine Emailadresse ist: weihnachtspage@web.de
Kann man bei dem Code von dir auch mehrere Grafiken verwenden oder nur eine einzige?
Ich habe hier den ersten Code nun bearbeitet und der funktioniert auch supi, da konnte ich allerdings
beliebig viele verschiedene Grafiken einfügen - sieht auch gut aus - ich schicke ihn hier mal, kannste mal ausprobieren,
ziemlich weit unten im Code an dieser Stelle: setTimeout('fall()',35);
das ist die Fallgeschwindigkeit der Blätter, die kann man variabel verändern:

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(11)
Image0=new Image();
Image0.src=grphcs[0]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt01.png";
Image1=new Image();
Image1.src=grphcs[1]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt02.png"
Image2=new Image();
Image2.src=grphcs[2]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt03.png"
Image3=new Image();
Image3.src=grphcs[3]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt04.png"
Image4=new Image();
Image4.src=grphcs[4]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt05.png"
Image5=new Image();
Image5.src=grphcs[5]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt06.png"
Image6=new Image();
Image6.src=grphcs[6]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt07.png"
Image7=new Image();
Image7.src=grphcs[7]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt08.png"
Image8=new Image();
Image8.src=grphcs[8]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt09.png"
Image9=new Image();
Image9.src=grphcs[9]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt10.png"
Image10=new Image();
Image10.src=grphcs[10]="https://img.webme.com/pic/s/schulzeit-in-leipzig/blatt11.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])+"px";
document.getElementById("si"+i).style.top=Ypos[i]+hscrll+"px"; 
}
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()',35);
}

window.onload=fall
//-->
</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 »

Guten morgen conny,
Erst einmal danke für die email.
Dieser code ist ja nicht von mir. Olav hat den link dazu hier eingegeben.

:E mehrere grafiken? Eigentlich nicht. Aber du könntest vielleicht probieren, das ganze noch einmal in einem anderen odner zu packen und dann die adresse ggf ändern. Das du das halt mehrmals auf der homepage hast?! Wäre eine Möglichkeit. Ob es geht oder auch einen Fehler im seitenquelltext anzeigt weiß ich jedoch nicht!

Ich schicke dir nachher die js und erkläre dann auch hier nochmal für interessierte was ich gemacht hab.
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 »

Also auf geht´s

Ich habe mir von dieser Seite: https://www.hscripts.com/scripts/JavaSc ... e-fall.php zuerst die himagefall.zip (findet ihr weiter unten unter Downloads) Die Entpackt ihr und schiebt beides in einen Ordner!

Wenn ihr das getan habt, setzt ihr dies hier:

Code: Alles auswählen

<script type="text/javascript" SRC="himagefall/picture-fall.js"></script>
in den Haed Bereich! Hab ich zumindest gemacht! Und dann schiebt ihr es auf euren Server!

Eure Grafik könnt ihr in der himagefall.js im oberen Bereich ändern

/* Free Script provided by HIOXINDIA */
/* visit us at http://www.hscripts.com */
/* This is a copyright product of hioxindia.com */

var image="design/flocke.png"; //Image path should be given here
var no = 15; // No of images should fall
var time = 0; // Configure whether image should disappear after x seconds (0=never):
var speed = 70; // Fix how fast the image should fall
var i, dwidth = 900, dheight =500;
var nht = dheight;
var toppos = 0;

Ich hoffe ich konnte ein bisschen helfen. Denn mehr habe ich nicht gemacht.
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 »

Conny,
bin nicht sicher ob du meine email bekommen hast. Habe hier eine Fehlermeldung gekriegt.

Aber er kackt jetzt schon ab wenn ich nur das email Programm öffne...
Ich kannst höchstens noch einmal über Teblet versuchen!

Mein Bruder kommt morgen erst um nach zu sehen! Macht echt kein Spaß mehr! :(
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
charlyjaku
Bevorzugtes Stamm Mitglied
Bevorzugtes Stamm Mitglied
Beiträge: 2489
Registriert: Mo 30. Jan 2012, 18:46
Mein Vorname: Charly
Wohnort: Hamburg 22589
Kontaktdaten:

Re: Ich suche rieselndes Laub

Beitrag von charlyjaku »

Butterblume hat geschrieben:Charlyschatz, ich hab sie jetzt auf meine sämtlichen subdomaibs drauf. Auf der halloween hp ändere ich sie noch einmal in geister.

Wenn hilfe brauchst (schrei mich an) sag mir Bescheid! ;)


Hallo Karin mein Engel

Schrei........mich........an !!!!!!! hab ich schon mal nachts im TV gesehen :lol: :evil:

Zur Zeit rieselt bei mir nur der Kalk ;)
Ich komme aber gerne auf Dein Angebot zurück. Dann lassen wir es sowas von rieseln :u32
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

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