Feuerwerk erstellen

  • Seite 1 von 3
24.12.2012 11:44
avatar  zsadist
#1 Feuerwerk erstellen
zs
Mitglied

Hallo

ich habe eine Frage, es gibt viele Script die Feuerwerk oder andere Sachen im Forum erscheinen lassen. Ich würde das gerne bei uns einbauen, doch weiß ich nicht genau wo? Kann mir da jemand helfen .

Ach ja Frohes Fest


 Antworten

 Beitrag melden
24.12.2012 18:26
avatar  martali
#2 RE: Feuerwerk erstellen
avatar
Mitglied

Einfach das Script kopieren und unter Layout in die Kopfzeile einfügen

__________________________________________
Ich habe keine Ahnung, gebe aber mein Bestes :-)

mitlästern übers Perfekte Dinner unter
http://www.wissensundlaesteranstalt.de/
http://540617.homepagemodules.de
(Buisness Template)

 Antworten

 Beitrag melden
24.12.2012 19:10
#3 RE: Feuerwerk erstellen
Ho
Mitglied

Das habe ich versucht, anschließend aber nur einen Code gehabt ohne Funktion.

LG Hollaender

Lieber Gott schenke mir für 2018 ein dickes Bankkonto und einen schlanken Körper, aber bitte verwechsel das nicht wieder !!!
Warum laufen,wenn man vier gesunde Räder hat.

Reg dich nicht auf wenn dir ein Vogel auf den Kopf geschissen hat und sei froh das Kühe nicht fliegen knnen....

cc-tourenfreunde.de

Board Nr. 554744

 Antworten

 Beitrag melden
24.12.2012 20:16
avatar  martali
#4 RE: Feuerwerk erstellen
avatar
Mitglied

Das ist mir bei 1-2 Codes auch passiert, wer weiß...
man muss probieren

Dieser geht, das ist aber mehr ein Feuerwerklein

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 
<script language="JavaScript" type="text/javascript">
<!--
var numImages = 5;
var numFlakes =4;
var ns = (document.layers)?1:0;
var ns6 = (document.getElementById&&!document.all)?1:0;
var opera5 = (navigator.userAgent.indexOf("Opera") > -1 && document.getElementById) ? 1:0;
var winWidth = (ns||ns6||opera5)?window.innerWidth-70:window.document.body.clientWidth;
var winHeight = (ns||ns6||opera5)?window.innerHeight:window.document.body.clientHeight;
var flakeX = new Array();
var flakeY = new Array();
var flakeSpeed = new Array();
var flakeStep = new Array();
var flakeStep2 = new Array();
for (i=0; i<numImages; i++)
{
eval('imgFlake' + i + '=new Image();');
eval('imgFlake' + i + '.src="http://i44.tinypic.com/2mdhx7c.jpg";');
}
if (ns)
{
for (i=0; i<numFlakes; i++)
{
eval('var picSource=imgFlake' + Math.floor(Math.random()*numImages) + '.src;');
document.write('<LAYER name="layerFlake' + i + '" left="0" top="0"><IMG src="' + picSource + '"></LAYER>');
}
} else {
document.write('<DIV style="position:absolute;top:0px;left:0px"><DIV style="position:relative">');
for (i=0; i<numFlakes; i++)
{
eval('var picSource=imgFlake' + Math.floor(Math.random()*numImages) + '.src;');
document.write('<IMG id="layerFlake' + i + '" src="' + picSource + '" style="position:absolute;top:0px;left:0px">');
}
document.write('</DIV></DIV>');
}
for (i=0; i<numFlakes; i++)
{
flakeX[i] = Math.round(Math.random()*winWidth);
flakeY[i] = Math.round(Math.random()*winHeight);
flakeSpeed[i] = Math.random()*3+3;
flakeStep[i] = Math.random()*0.1+0.05;
flakeStep2[i] = 0;
}
function fLetItSnow()
{
var winWidth = (ns||ns6||opera5)?window.innerWidth-70:window.document.body.clientWidth;
var winHeight = (ns||ns6||opera5)?window.innerHeight:window.document.body.clientHeight;
var wscrll = (ns||ns6||opera5)?window.pageXOffset:document.body.scrollLeft;
var hscrll = (ns||ns6||opera5)?window.pageYOffset:document.body.scrollTop;
for (i=0; i<numFlakes; i++){
speedX = flakeSpeed[i]*Math.cos(flakeStep2[i])/2;
speedY = flakeSpeed[i]*Math.sin(90*Math.PI/180);
flakeX[i] += speedX;
flakeY[i] += speedY;
if (flakeY[i]>winHeight)
{
flakeX[i]=Math.round(Math.random()*winWidth);
flakeY[i]=-100;
flakeSpeed[i]=Math.random()*3+3;
}
if (ns)
{
document.layers['layerFlake' + i].left = flakeX[i];
document.layers['layerFlake' + i].top = flakeY[i] + hscrll;
} else if (ns6||opera5) {
document.getElementById("layerFlake" + i).style.left = Math.min(winWidth,flakeX[i]);
document.getElementById("layerFlake" + i).style.top = flakeY[i] + hscrll;
} else {
eval("document.all.layerFlake" + i).style.left = flakeX[i];
eval("document.all.layerFlake" + i).style.top = flakeY[i] + hscrll;
}
flakeStep2[i]+=flakeStep[i];
}
setTimeout('fLetItSnow()', 60);
}
// -->
</script>
<script language="JavaScript">
<!--
fLetItSnow();
//-->
</script>
 



weitersuchen

__________________________________________
Ich habe keine Ahnung, gebe aber mein Bestes :-)

mitlästern übers Perfekte Dinner unter
http://www.wissensundlaesteranstalt.de/
http://540617.homepagemodules.de
(Buisness Template)

 Antworten

 Beitrag melden
25.12.2012 11:38
#5 RE: Feuerwerk erstellen
Ho
Mitglied

Hallo Martali,
eigenartigerweise hat dieser Code bei mir in der Kopfzeile Funktioniert, aber erst nachdem ich den Adventkalender aus dem Forum entfernt habe.
Vielleicht kannst du ihn ja für dein Feuerwerk umbauen.

LG Hollaender

<!-- präsentiert von kostenlose-javascripts.de →
<script type='text/javascript'>
<!--
// Anzahl der Schneeflocken (mehr als 30 - 40 nicht empfehlenswert)
var snowmax=40;

// Farben der Schneeflocken. Es können beliebig viele Farben angegeben werden
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF");

// Fonts, welche die Schneeflocken erzeugen. Beliebig viele Fonts ergänzbar
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");

// Zeichen für die Schneeflocke (empfohlen: * )
var snowletter="*";

// Fallgeschwindigkeit (empfohlen sind Werte zwischen 0.3 bis 2)
var sinkspeed=1.5;

// Maximale Größe der Schneeflocken
var snowmaxsize=40;

// Minimale Größe der Schneeflocken
var snowminsize=20;

/* Schnee-Zone:
** 1 für überall, 2 für Schneefall nur auf der linken Seite
** 3 für Schneefall in der Mitte, 4 für Schneefall nur auf der rechten Seite */
var snowingzone=1;

/*
* Ab hier nichts mehr ändern *
*/

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.clientHeight;
marginright = document.body.clientWidth;
}
else if (ns6) {
marginbottom = window.innerHeight;
marginright = window.innerWidth;
}
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;
snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
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;
snow[i].style.top=snow[i].posy;
}
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+"px;'>"+snowletter+"</span>");
}
//→
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://dsl-internetanbieter.net/" title="dsl-internetanbieter.net/"" target="_blank"></a></div>
<br />
<script type="text/javascript">if (browserok) {initsnow();}</script>
<!-- präsentiert von kostenlose-javascripts.de →

Lieber Gott schenke mir für 2018 ein dickes Bankkonto und einen schlanken Körper, aber bitte verwechsel das nicht wieder !!!
Warum laufen,wenn man vier gesunde Räder hat.

Reg dich nicht auf wenn dir ein Vogel auf den Kopf geschissen hat und sei froh das Kühe nicht fliegen knnen....

cc-tourenfreunde.de

Board Nr. 554744

 Antworten

 Beitrag melden
25.12.2012 12:06
#6 RE: Feuerwerk erstellen
avatar
Mitglied

Hallo Holländer,

dies ist ein Javascript, es kann deshalb gut sein, dass sich das mit dem Adventskalender nicht vertragen hat.
Ich habe auch so ein Schneefallscript, mit dem kann man alles mögliche rieseln lassen, aber kein Feuerwerk, höchstens Champagnerflaschen :) Versuch doch mal das reinzumachen, dass Dir Martiali gegeben hat, läuft das nicht? Vielleicht findest ja noch etwas anderes?

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
25.12.2012 12:58
#7 RE: Feuerwerk erstellen
Ho
Mitglied

Hallo Shogun,
danke für die Info bezüglich der Verträglichkeit. Ich habe aber eigentlich keinen Plan von HTML. Nur kann man an diesem Code eistellen, ob es li,re, oder überall schneien soll. Ich hätte gerne gewußt wo man ein ?Kürzel? für das Feuerwerk her bekommt. Dann könnte man vielleicht einige Teile tauschen und diesen Code auch dafür gebraucen, da das Feuerwerk von Martali doch "super" klein ist.

LG Hollaender

Lieber Gott schenke mir für 2018 ein dickes Bankkonto und einen schlanken Körper, aber bitte verwechsel das nicht wieder !!!
Warum laufen,wenn man vier gesunde Räder hat.

Reg dich nicht auf wenn dir ein Vogel auf den Kopf geschissen hat und sei froh das Kühe nicht fliegen knnen....

cc-tourenfreunde.de

Board Nr. 554744

 Antworten

 Beitrag melden
25.12.2012 13:11
avatar  martali
#8 RE: Feuerwerk erstellen
avatar
Mitglied

Den umgebauten Schneefallscript hatte ich letztes Jahr probiert, der hat mir nicht so gefallen. Ich lasse mal den Adventskalender noch 2-3 Tage drin und probiere dann noch mal.

Heißt es eigentlich das oder der Script?

__________________________________________
Ich habe keine Ahnung, gebe aber mein Bestes :-)

mitlästern übers Perfekte Dinner unter
http://www.wissensundlaesteranstalt.de/
http://540617.homepagemodules.de
(Buisness Template)

 Antworten

 Beitrag melden
25.12.2012 13:18
#9 RE: Feuerwerk erstellen
Ho
Mitglied

Hallo,
das ist der originale Code für Schneefall, den habe ich integriert. Ich hatte nur überlegt ob man den für ein größeres Feuerwerk nutzen könnte.

LG Hollaender

Lieber Gott schenke mir für 2018 ein dickes Bankkonto und einen schlanken Körper, aber bitte verwechsel das nicht wieder !!!
Warum laufen,wenn man vier gesunde Räder hat.

Reg dich nicht auf wenn dir ein Vogel auf den Kopf geschissen hat und sei froh das Kühe nicht fliegen knnen....

cc-tourenfreunde.de

Board Nr. 554744

 Antworten

 Beitrag melden
25.12.2012 14:13
#10 RE: Feuerwerk erstellen
gh
Mitglied

Zitat von Hollaender0_2 im Beitrag #9
Hallo,
das ist der originale Code für Schneefall, den habe ich integriert. Ich hatte nur überlegt ob man den für ein größeres Feuerwerk nutzen könnte.

LG Hollaender



wenn ich deinen code bei mir im Kopfbereich einfüge wird mein Forum nicht mehr angezeigt,
nur noch das Kopfbänner und die Laufschrift,
bei allem darunter nur der Hintergrund.
und das im IE9 und FF16


 Antworten

 Beitrag melden
25.12.2012 14:21
#11 RE: Feuerwerk erstellen
Ho
Mitglied

Bei mir funktioniert das nur wenn ich den Adventkalender rausnehme. Beide zusammen funktionieren nicht.

Lieber Gott schenke mir für 2018 ein dickes Bankkonto und einen schlanken Körper, aber bitte verwechsel das nicht wieder !!!
Warum laufen,wenn man vier gesunde Räder hat.

Reg dich nicht auf wenn dir ein Vogel auf den Kopf geschissen hat und sei froh das Kühe nicht fliegen knnen....

cc-tourenfreunde.de

Board Nr. 554744

 Antworten

 Beitrag melden
25.12.2012 14:31
#12 RE: Feuerwerk erstellen
gh
Mitglied

ich habe den adventskalender schon raus,
ich habe allerdings noch das xobor script im kopfbereich welches den bug beim bilder/dateien einfügen/anhängen kompensiert


 Antworten

 Beitrag melden
25.12.2012 15:10
#13 RE: Feuerwerk erstellen
Ho
Mitglied

Ich nehme alles der letzten drei Stunden zurück. Der Code für den Schneefall hat mit FF wunderbar funktioniert war aber im IE eine Katasrophe. Dort flogen die Schneefloken oben quer durchs Bild. Alles zurück zum Anfang. Schade, sorry.

LG Hollaender

Lieber Gott schenke mir für 2018 ein dickes Bankkonto und einen schlanken Körper, aber bitte verwechsel das nicht wieder !!!
Warum laufen,wenn man vier gesunde Räder hat.

Reg dich nicht auf wenn dir ein Vogel auf den Kopf geschissen hat und sei froh das Kühe nicht fliegen knnen....

cc-tourenfreunde.de

Board Nr. 554744

 Antworten

 Beitrag melden
25.12.2012 17:08
avatar  zsadist
#14 RE: Feuerwerk erstellen
zs
Mitglied

Ich danke euch alle wirklich für eure Hilfe.. das heißt ich suche einmal weiter und werde mal sehen was sich machen lässt
Frohe Festtage euch noch


 Antworten

 Beitrag melden
25.12.2012 18:00
#15 RE: Feuerwerk erstellen
gh
Mitglied

habe diesen code gefunden,

bei mir funktioniert er, habe nur im IE9 probiert, der schnee ist recht dezent

<SCRIPT language=JavaScript1.2>
var no = 12; // snow number
var speed = 6; // smaller number moves the shamrocks faster
var snowflake = "http://members.tripod.de/mauscodetester/star15.gif";
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
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 (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
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()*0; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ 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=\"dot"+ 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 snowNS() { // Netscape 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();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
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();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</SCRIPT>


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!