|
| speedy moto |  Posté le 03/04/2008 @ 09:40 |
Petite astucienne
113 Messages
| Salut à tous et toutes je reviens vers vous car je voudrai créer un effet de feu d'artifice sur une page de mon site mais je ne trouve pas de code qui marche, si vous avez un tuyau merci de penser à moi !!! A bientôt  |
| |
| |
| Publicité |
|
|
| Dreamer | Posté le 03/04/2008 à 10:24 |
Astucien
4407 Messages
| Salut En cherchant sur ton ami Google , tu aurais pu trouver ceci en JS ou cela en applet , mais je suis sûr qu'il y en a d'autres A + |
| |
|
| speedy moto | Posté le 03/04/2008 à 10:36 |
Petite astucienne
113 Messages
| oui je les ai vu mais le 1er balance des @ et l'autre pète sans arrêt  J'en voudrait un qui soit plus zoli !! merci quand même à toi pour ta recherche  |
| |
|
| tirikou | Posté le 03/04/2008 à 11:16 |
Astucien
1086 Messages
| Slt, Et une page de liens ici |
| |
|
| speedy moto | Posté le 03/04/2008 à 11:23 |
Petite astucienne
113 Messages
| je regarde ça cet aprem merci a+ |
| |
|
| elle | Posté le 03/04/2008 à 12:46 |
 Maîtresse astucienne
16247 Messages
| Évidemment, tu fais comme tu veux, mais ce genre de gadget ne fait pas très professionnel, notamment pour un site commercial... |
| |
|
| speedy moto | Posté le 03/04/2008 à 12:53 |
Petite astucienne
113 Messages
| je m'explique : le magasin fête ses 24 ans d'existence et c'est juste pour marquer le coup sur le site en ne laissant le feu d'artifice qu'une semaine. Pas question de le laisser tout le temps |
| |
|
| elle | Posté le 03/04/2008 à 13:01 |
Maîtresse astucienne
16247 Messages
| Ah ok. Dans ce cas, c'est différent. |
| |
|
| speedy moto | Posté le 03/04/2008 à 13:04 |
Petite astucienne
113 Messages
| oui lol,  mais j'ai du mal à en trouver un sympa |
| |
|
| elle | Posté le 03/04/2008 à 13:10 |
Maîtresse astucienne
16247 Messages
| |
| |
|
| speedy moto | Posté le 03/04/2008 à 13:11 |
Petite astucienne
113 Messages
| ha non connais pas, je vais voir ça, merci |
| |
|
| speedy moto | Posté le 03/04/2008 à 13:45 |
Petite astucienne
113 Messages
| oui j'ai vu donc les démos, j'en ai choisi une mais quand on décompresse, il n'y a que des images en gif, je ne sais pas comment insérer le feu d'artifce sur ma page , il n'y a aucun code html  |
| |
|
| tirikou | Posté le 03/04/2008 à 13:47 |
Astucien
1086 Messages
| Je doute que du code html puisse produire un quelconque feu d'artifice ... Modifié par tirikou le 03/04/2008 13:47 |
| |
|
| speedy moto | Posté le 03/04/2008 à 13:48 |
Petite astucienne
113 Messages
|  il se moque de moi
|
| |
|
| tirikou | Posté le 03/04/2008 à 13:50 |
Astucien
1086 Messages
| non pas les griffes stp pas les griffes  |
| |
|
| elle | Posté le 03/04/2008 à 13:52 |
Maîtresse astucienne
16247 Messages
| Regarde dans les dossiers, tu as les codes js. |
| |
|
| speedy moto | Posté le 03/04/2008 à 13:54 |
Petite astucienne
113 Messages
| tirikou a écrit :
non pas les griffes stp pas les griffes
meuh non .... regarde suis toute gentille aujourd'hui  |
| |
|
| speedy moto | Posté le 03/04/2008 à 14:36 |
Petite astucienne
113 Messages
| elle a écrit :
Regarde dans les dossiers, tu as les codes js.
dans le dossier : FireworksImageTravel, tu ouvres et tu as les démos qui renvoient sur une page web et tu as aussi d'autres dossiers : moi j'ai pris le 5 (=démo 5 qui me plait), je l'ouvre et il n'y a que les gifs ...  pas de codes js Modifié par speedy moto le 03/04/2008 14:36 |
| |
|
| elle | Posté le 03/04/2008 à 14:42 |
Maîtresse astucienne
16247 Messages
| Dans ce cas, ouvre la page HTML, affiche le code source de la page et récupère le code js dans la page... |
| |
|
| speedy moto | Posté le 03/04/2008 à 15:02 |
Petite astucienne
113 Messages
| ha vi, j'y avais pas pensé : clic droit !!! et, en plus il est pas caché !!!! je fais et je te dis .... Modifié par speedy moto le 03/04/2008 15:08 |
| |
|
| elle | Posté le 03/04/2008 à 15:05 |
Maîtresse astucienne
16247 Messages
| speedy moto a écrit :
ha vi, j'y avais pas pensé : cilc droit !!! et, en plus il est pas caché !!!!
Tu vois comme c'est pratique! |
| |
|
| tirikou | Posté le 03/04/2008 à 15:08 |
Astucien
1086 Messages
| Bou diou !!!!!!!!!!!!! Un feu d'artifice dans du html ........... Mais quelle histoire  ! |
| |
|
| speedy moto | Posté le 03/04/2008 à 15:12 |
Petite astucienne
113 Messages
| Mais, si tu sais comment on fait, dis le moi stp sinon, je t'envoie le hamster qui chante !!! |
| |
|
| tirikou | Posté le 03/04/2008 à 15:18 |
Astucien
1086 Messages
| Ben voilà il suffit de le demander gentiment ... <html>
<head>
<title>Fireworks - Images</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="KeyWords" content="JavaScript, DHTML, Animation, Fireworks, 4th July, independence day, Guy Fawkes, November 5th">
</head>
<body bgcolor="black" text="white" LINK="yellow" ALINK="red" VLINK="red">
<p align="center">
Brought to you by<br><A HREF='http://www.javascript-fx.com'>JavaScript-FX</a>
</p>
<A HREF="#" onClick="myFW.stop();return false;">STOP</A><br>
<A HREF="#" onClick="myFW.start();return false;">START</A><br>
<SCRIPT TYPE="text/javascript">
/**
* You may use this code for free on any web page provided that
* these comment lines and the following credit remain in the code.
* Cross Browser Fireworks from http://www.javascript-fx.com
*/
/*************************************************/
if(!window.JSFX) JSFX=new Object();
if(!JSFX.createLayer)
{/*** Include Library Code ***/
var ns4 = document.layers;
var ie4 = document.all;
JSFX.objNo=0;
JSFX.getObjId = function(){return "JSFX_obj" + JSFX.objNo++;};
JSFX.createLayer = function(theHtml)
{
var layerId = JSFX.getObjId();
document.write(ns4 ? "<LAYER NAME='"+layerId+"'>"+theHtml+"</LAYER>" :
"<DIV id='"+layerId+"' style='position:absolute'>"+theHtml+"</DIV>" );
var el = document.getElementById ? document.getElementById(layerId) :
document.all ? document.all[layerId] :
document.layers[layerId];
if(ns4)
el.style=el;
return el;
}
JSFX.fxLayer = function(theHtml)
{
if(theHtml == null) return;
this.el = JSFX.createLayer(theHtml);
}
var proto = JSFX.fxLayer.prototype
proto.moveTo = function(x,y){this.el.style.left = x;this.el.style.top=y;}
proto.setBgColor = function(color) { this.el.style.backgroundColor = color; }
proto.clip = function(x1,y1, x2,y2){ this.el.style.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")"; }
if(ns4){
proto.clip = function(x1,y1, x2,y2){
this.el.style.clip.top =y1;this.el.style.clip.left =x1;
this.el.style.clip.bottom=y2;this.el.style.clip.right =x2;
}
proto.setBgColor=function(color) { this.el.bgColor = color; }
}
if(window.opera)
proto.setBgColor = function(color) { this.el.style.color = color==null?'transparent':color; }
if(window.innerWidth)
{
gX=function(){return innerWidth;};
gY=function(){return innerHeight;};
}
else
{
gX=function(){return document.body.clientWidth;};
gY=function(){return document.body.clientHeight;};
}
/*** Example extend class ***/
JSFX.fxLayer2 = function(theHtml)
{
this.superC = JSFX.fxLayer;
this.superC(theHtml + "C");
}
JSFX.fxLayer2.prototype = new JSFX.fxLayer;
}/*** End Library Code ***/
/*************************************************/
/*** Class Firework extends FxLayer ***/
JSFX.Firework = function(fwImages)
{
window[ this.id = JSFX.getObjId() ] = this;
this.imgId = "i" + this.id;
this.fwImages = fwImages;
this.numImages = fwImages.length;
this.superC = JSFX.fxLayer;
this.superC("<img src='"+fwImages[0].src+"' name='"+this.imgId+"'>");
this.img = document.layers ? this.el.document.images[0] : document.images[this.imgId];
this.step = 0;
this.timerId = -1;
this.x = 0;
this.y = 0;
this.dx = 0;
this.dy = 0;
this.ay = 0.2;
this.state = "OFF";
}
JSFX.Firework.prototype = new JSFX.fxLayer;
JSFX.Firework.prototype.getMaxDy = function()
{
var ydiff = gY() - 130;
var dy = 1;
var dist = 0;
var ay = this.ay;
while(dist<ydiff)
{
dist += dy;
dy+=ay;
}
return -dy;
}
JSFX.Firework.prototype.setFrame = function()
{
// this.img.src=this.fwName+"/"+this.step+".gif";
this.img.src=this.fwImages[ this.step ].src;
}
JSFX.Firework.prototype.animate = function()
{
if(this.state=="OFF")
{
this.step = 0;
this.x = gX()/2-20;
this.y = gY()-100;
this.moveTo(this.x, this.y);
this.setFrame();
if(Math.random() > .95)
{
this.dy = this.getMaxDy();
this.dx = Math.random()*-8 + 4;
this.dy += Math.random()*3;
this.state = "TRAVEL";
}
}
else if(this.state=="TRAVEL")
{
this.x += this.dx;
this.y += this.dy;
this.dy += this.ay;
this.moveTo(this.x,this.y);
if(this.dy > 1)
this.state="EXPLODE"
}
else if(this.state == "EXPLODE")
{
this.step++;
if(this.step < this.numImages)
this.setFrame();
else
this.state="OFF";
}
}
/*** END Class Firework***/
/*** Class FireworkDisplay extends Object ***/
JSFX.FireworkDisplay = function(n, fwImages, numImages)
{
window[ this.id = JSFX.getObjId() ] = this;
this.timerId = -1;
this.fireworks = new Array();
this.imgArray = new Array();
this.loadCount=0;
this.loadImages(fwImages, numImages);
for(var i=0 ; i<n ; i++)
this.fireworks[this.fireworks.length] = new JSFX.Firework(this.imgArray);
}
JSFX.FireworkDisplay.prototype.loadImages = function(fwName, numImages)
{
for(var i=0 ; i<numImages ; i++)
{
this.imgArray[i] = new Image();
this.imgArray[i].obj = this;
this.imgArray[i].onload = window[this.id].imageLoaded;
this.imgArray[i].src = fwName+"/"+i+".gif";
}
}
JSFX.FireworkDisplay.prototype.imageLoaded = function()
{
this.obj.loadCount++;
}
JSFX.FireworkDisplay.prototype.animate = function()
{
status = this.loadCount;
if(this.loadCount < this.imgArray.length)
return;
for(var i=0 ; i<this.fireworks.length ; i++)
this.fireworks[i].animate();
}
JSFX.FireworkDisplay.prototype.start = function()
{
if(this.timerId == -1)
{
this.state = "OFF";
this.timerId = setInterval("window."+this.id+".animate()", 40);
}
}
JSFX.FireworkDisplay.prototype.stop = function()
{
if(this.timerId != -1)
{
clearInterval(this.timerId);
this.timerId = -1;
for(var i=0 ; i<this.fireworks.length ; i++)
{
this.fireworks[i].moveTo(-100, -100);
this.fireworks[i].step = 0;;
this.fireworks[i].state = "OFF";
}
}
}
/*** END Class FireworkDisplay***/
JSFX.FWStart = function()
{
if(JSFX.FWLoad)JSFX.FWLoad();
myFW.start();
}
myFW = new JSFX.FireworkDisplay(20, "fw05", 21);
JSFX.FWLoad=window.onload;
window.onload=JSFX.FWStart;
</SCRIPT>
</body>
</html> |
| |
|
| tirikou | Posté le 03/04/2008 à 15:24 |
Astucien
1086 Messages
| .... Par contre c'est caca comme code. Le html m'étonnerai qu'il soit valide !!!! comme les majuscules pour les balises. Mais bon si ça peut de dépanner pour ton aniversaire ... |
| |
|
| speedy moto | Posté le 03/04/2008 à 15:24 |
Petite astucienne
113 Messages
| Merci Tirikou, t'es un ange sauf ....  qu'il marche pas , erreur de script ligne 182, moi j'y comprends riennnn . |
| |
|
| speedy moto | Posté le 03/04/2008 à 15:27 |
Petite astucienne
113 Messages
| c'est vrai qu'il est caca le code ?  ... pardon : "zut alors". |
| |
|
| tirikou | Posté le 03/04/2008 à 15:29 |
Astucien
1086 Messages
| Dans mon édietru la ligne correspond à ceci en rouge : /*** Class FireworkDisplay extends Object ***/
JSFX.FireworkDisplay = function(n, fwImages, numImages)
{
window[ this.id = JSFX.getObjId() ] = this;
this.timerId = -1;
this.fireworks = new Array();
this.imgArray = new Array();
this.loadCount=0;
this.loadImages(fwImages, numImages);
for(var i=0 ; i
this.fireworks[this.fireworks.length] = new JSFX.Firework(this.imgArray);
} Masi j'ai aucune idée de ce que cette erreur peut bien signifier (en javascript). Désolé. Modifié par tirikou le 03/04/2008 15:30 |
| |
|
| speedy moto | Posté le 03/04/2008 à 15:39 |
Petite astucienne
113 Messages
| tant pis, je vais chercher autre chose, merci beaucoup pour ton aide  |
| |
|
| speedy moto | Posté le 03/04/2008 à 17:47 |
Petite astucienne
113 Messages
| bon c'est pas top, mais j'ai mis un gif animé, de toute façon c'est pas fait pour rester |
| |
|
| tirikou | Posté le 03/04/2008 à 17:58 |
Astucien
1086 Messages
| Et bien moi je préfère car comme ça je peux le voir alors que sinon j'aurai rien vu vu que javascript est désactivé chez moi. sauf pour ce foutu pca qui ne cesse pas de me dire en rouge qu'ici ça peut pas fonctionner sans javascript ... Hereusement qu'il y a pas d'hamster tapis là |
| |
|
| speedy moto | Posté le 03/04/2008 à 18:13 |
Petite astucienne
113 Messages
| Bon alors, on laisse comme ça, contente que tu puisses le voir !. Et oui, pca est un rebelle et complote avec le hamster qui chante , tout le monde sait ça !! Merci en tout cas pour ton aide !! A + |
| |
|
| elle | Posté le 03/04/2008 à 18:30 |
Maîtresse astucienne
16247 Messages
| C'est résolu, donc? |
| |
|
| tirikou | Posté le 03/04/2008 à 18:44 |
Astucien
1086 Messages
| |
| |
|
| elle | Posté le 03/04/2008 à 19:01 |
Maîtresse astucienne
16247 Messages
| Ben quoi? |
| |
|
| speedy moto | Posté le 03/04/2008 à 19:03 |
Petite astucienne
113 Messages
| |
| |
|
|
| Haut de la page |
créer un effet feu d'artifice sur page d'accueil
ok c'est bon, j'ai compris ... plus le droit de parler des feux d'artifice, j'ai plus qu'à me remettre au tricot !
