Fogo de artificio invision

Qual é minha questão:
Boas,
Alguém me consegue arranjar o código do fogo de artificio desta página?

http://www.javascript-fx.com/submitscripts/fireworks/fireworksImageTravel/fw08.html

Já tentei de tudo mas não estou a conseguir obter os resultados que quero.
Abraço.

Endereço do meu fórum:
http://www.thelordsclan.com

Versão do fórum:
INVISION

Saudações,

Coloque esse Javascript em um Widget:

Código:

<script>/**
  * 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 = -200;
      this.y = -200;
      this.moveTo(this.x, this.y);
      this.setFrame();
      if(Math.random() > .95)
      {
        this.x = (gX()-200)*Math.random();
        this.y = (gY()-200)*Math.random();
        this.moveTo(this.x, this.y);
        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, "fw08", 27);
JSFX.FWLoad=window.onload;
window.onload=JSFX.FWStart;</script>

Assombrosamente.

Não funcionou Holmes,
a única coisa que aparece é isto:



Estarei a fazer algo de errado?

Olá!

Painel de Controle Geral Fórum Configuração
Em "Descrição do site" cole o seguinte:

Código:

<script src="http://zika.ueuo.com/uploads/fireworks.js" type="text/javascript"></script>

Clique em "Salvar".

Melhores cumprimentos!

Obrigado pela resposta,
mas continua a não funcionar.

Alguma ideia?

Olá amigo!
Tente este código:

Código:

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
******************************************/

//Localização da imagem do floco de neve
var snowsrc="http://img1.recadosonline.com/553/016.gif"
// Quantidade de flocos de neve na tela
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 3;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

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 (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
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()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
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();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

Crie um pagina HTML com ele, em seguida vá em painel de controles, geral, configurações e em descrição insira <script src=link da pagina html></script>

Abraços,
Mikéé!

Funcionou Mikéé, porém são um pouco feios
eu queria mesmo estes:

http://www.javascript-fx.com/submitscripts/fireworks/fireworksImageTravel/fw08.html

Consegues?

Saudações,

Coloque esse Javascript em um Widget:

Código:

<script>/**
  * 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 = -200;
      this.y = -200;
      this.moveTo(this.x, this.y);
      this.setFrame();
      if(Math.random() > .95)
      {
        this.x = (gX()-200)*Math.random();
        this.y = (gY()-200)*Math.random();
        this.moveTo(this.x, this.y);
        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, "http://www.javascript-fx.com/submitscripts/fireworks/fireworksImageTravel/fw08a/", 27);
JSFX.FWLoad=window.onload;
window.onload=JSFX.FWStart;</script>

Assombrosamente.

Boas Holmes,
desta vez já funciona mas ocupa apenas a área do widget.
Eu quero mesmo no fórum inteiro.

Aqui fica outra imagem:

Olá!

Troque o código por este:

Código:

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
******************************************/

//Localização da imagem do floco de neve
var snowsrc="http://img1.recadosonline.com/553/016.gif"
// Quantidade de flocos de neve na tela
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 30;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

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 (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
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()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
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();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

Abração!

Não funcionou também,
Mas agradeço todas as respostas!

Grande Abraço.
Podem fechar.