Befana che vola non riesco a trovarla

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
Salve a tutti,

Buon anno a tutti quanti innanzi tutto. Secondo poi, siccome ero riscuto a trovare babbonatale che camminava con la slitta sullo schermo, volevo avere una cosa del genere per la befana. La mia idea più folle era la segeuente:

C'è Babbo Natale sulla slitta che cammina e di seguito viene cacciato dalla Befana visto che mancano due giorni all'arrivo. E' possibilie attuare ciò ??? Mi potreste dare una mano per favore per lo script ?? Non sono riuscito a trovare niente al riguardo. Purtroppo c'è poco tempo e sarebbe urgente, in quanto volevo aggiornare il mio sito. Grazie a tutti. Spero di ricevere al più presto vostri consigli e soluzioni.
 
magari ci riusciamo per il prossimo anno :D
comincia a postare qualcosa
 
Risolto

Ho capito come far muovere le immagini e ho fatto la stessa cosa per la befana. ho preso un'immagine da google della befana e il gioco è fatto. Il conto alla rovescia è adattato a quello di capodanno e Natale: certo magari si potesse fare quello che vorrei io.

Questo è quello ch eho combinato:

PHP:
 <!-- Befana sulla scopa -->

       <marquee scrolldelay='30' style='position:fixed; top:380; right:250; z-index:1000; width:100%;'>
    <img src='befana.gif'/>
</marquee>

       <!-- Scritta scorrevole sotto di buo natale e felice anno nuovo --> 
       
       <marquee scrolldelay='30' style='position:fixed; top:580; right:450; z-index:1000; width:100%;'>
          
          <br> <br>
          <h1>  Buona Befana 2013 a tutti  !!!</marquee> </h1>
       
       <br> <br>

Invece mi piacerebbe che si rinnovasse tutto da capo il conteggio senza che lo devo fare io a fine feste. Che ne dici cricric ???
Comunque buon Natale passato e felice anno nuovo.
 
Ciao

Ciao Borgo,


Però funziona magnificamente. E l'immagine scorre come volevo io anche se non proprio. Invece volevo fare una cosa del tipo che quando finiscono le feste quindi il 06/12/2013 alle ore 00:00:00, si riazzerassero i conteggi e riniziassero da capo.Ad esempi, 24/12/2013 diventasse in automatico 24/12/2014 e così via. E' fattibile una cosa del genere ??? Per le tre festività ovviamente. Quello ch enon mi funziona invece soni fuochi d'artificio, e non capisco il perchè :( bah. Questo è lo script che ho preso da un sito:

PHP:
// <![CDATA[
var bits=100; // how many bits
var intensity=7; // how 'powerful' is the explosion (from 3 to 10 is best)
var speed=20; // how fast - smaller is faster
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93"); 
//                     blue    red     green   purple  cyan    orange

/****************************
*      Fireworks Effect     *
*(c) 2004-6 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
/* prelevato ed illustrato su Web-Link.it 
******************************************/
var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;

function write_fire() {
  var b, s;
  b=document.createElement("div");
  s=b.style;
  s.position="absolute";
  b.setAttribute("id", "bod");
  document.body.appendChild(b);
  set_scroll();
  set_width();
  b.appendChild(div("lg", 3, 4));
  b.appendChild(div("tg", 2, 3));
  for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}

function div(id, w, h) {
  var d=document.createElement("div");
  d.style.position="absolute";
  d.style.overflow="hidden";
  d.style.width=w+"px";
  d.style.height=h+"px";
  d.setAttribute("id", id);
  return (d);
}

function bang() {
  var i, X, Y, Z, A=0;
  for (i=0; i<bits; i++) { 
    X=Math.round(Xpos[i]); 
    Y=Math.round(Ypos[i]);
    Z=document.getElementById("bg"+i).style;
    if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
      Z.left=X+"px";
      Z.top=Y+"px";
	}
    if ((decay[i]-=1)>14) { 
	  Z.width="3px";
	  Z.height="3px";
    }
    else if (decay[i]>7) { 
	  Z.width="2px";
	  Z.height="2px";
    }
    else if (decay[i]>3) { 
	  Z.width="1px";
	  Z.height="1px";
    } 
    else if (++A) Z.visibility="hidden";
    Xpos[i]+=dX[i];
    Ypos[i]+=(dY[i]+=1.25/intensity);
  }
  if (A!=bits) setTimeout("bang()", speed);
}
 
function stepthrough() { 
  var i, Z;
  var oldx=xpos;
  var oldy=ypos;
  xpos+=dx;
  ypos-=4;
  if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
    for (i=0; i<bits; i++) {
      Xpos[i]=xpos;
      Ypos[i]=ypos;
      dY[i]=(Math.random()-0.5)*intensity;
      dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
      decay[i]=Math.floor((Math.random()*16)+16);
      Z=document.getElementById("bg"+i).style;
      Z.backgroundColor=colours[colour];
	  Z.visibility="visible";
    }
    bang();
    launch();
  }
  document.getElementById("lg").style.left=xpos+"px";
  document.getElementById("lg").style.top=ypos+"px";
  document.getElementById("tg").style.left=oldx+"px";
  document.getElementById("tg").style.top=oldy+"px";
} 

function launch() {
  colour=Math.floor(Math.random()*colours.length);
  xpos=Math.round((0.5+Math.random())*swide*0.5);
  ypos=shigh-5;
  dx=(Math.random()-0.5)*4;
  bangheight=Math.round((0.5+Math.random())*shigh*0.4);
  document.getElementById("lg").style.backgroundColor=colours[colour];
  document.getElementById("tg").style.backgroundColor=colours[colour];
}

window.onscroll=set_scroll;
function set_scroll() {
  var sleft, sdown;
  if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
	sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
  var s=document.getElementById("bod").style;
  s.top=sdown+"px";
  s.left=sleft+"px";
}

window.onresize=set_width;
function set_width() {
  if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
  }
  else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
  }
  else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
  }
}

window.onload=function() { if (document.getElementById) {
  set_width();
  write_fire();
  launch();
  setInterval('stepthrough()', speed);
}}
// ]]>

Vedi se tante volte conosci qualcosa di meglio e di più semplice. E il richiamo dei fuochidartifico.js sta nel file index.php che ho posto prima. Mi fai sapere qualcosa per favore ???? grazie.
 
Ciao

Ciao Borgo,


Però funziona magnificamente. E l'immagine scorre come volevo io anche se non proprio. Invece volevo fare una cosa del tipo che quando finiscono le feste quindi il 06/12/2013 alle ore 00:00:00, si riazzerassero i conteggi e riniziassero da capo.Ad esempi, 24/12/2013 diventasse in automatico 24/12/2014 e così via. E' fattibile una cosa del genere ??? Per le tre festività ovviamente. Quello ch enon mi funziona invece soni fuochi d'artificio, e non capisco il perchè :( bah. Questo è lo script che ho preso da un sito:

PHP:
// <![CDATA[
var bits=100; // how many bits
var intensity=7; // how 'powerful' is the explosion (from 3 to 10 is best)
var speed=20; // how fast - smaller is faster
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93"); 
//                     blue    red     green   purple  cyan    orange

/****************************
*      Fireworks Effect     *
*(c) 2004-6 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
/* prelevato ed illustrato su Web-Link.it 
******************************************/
var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;

function write_fire() {
  var b, s;
  b=document.createElement("div");
  s=b.style;
  s.position="absolute";
  b.setAttribute("id", "bod");
  document.body.appendChild(b);
  set_scroll();
  set_width();
  b.appendChild(div("lg", 3, 4));
  b.appendChild(div("tg", 2, 3));
  for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}

function div(id, w, h) {
  var d=document.createElement("div");
  d.style.position="absolute";
  d.style.overflow="hidden";
  d.style.width=w+"px";
  d.style.height=h+"px";
  d.setAttribute("id", id);
  return (d);
}

function bang() {
  var i, X, Y, Z, A=0;
  for (i=0; i<bits; i++) { 
    X=Math.round(Xpos[i]); 
    Y=Math.round(Ypos[i]);
    Z=document.getElementById("bg"+i).style;
    if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
      Z.left=X+"px";
      Z.top=Y+"px";
	}
    if ((decay[i]-=1)>14) { 
	  Z.width="3px";
	  Z.height="3px";
    }
    else if (decay[i]>7) { 
	  Z.width="2px";
	  Z.height="2px";
    }
    else if (decay[i]>3) { 
	  Z.width="1px";
	  Z.height="1px";
    } 
    else if (++A) Z.visibility="hidden";
    Xpos[i]+=dX[i];
    Ypos[i]+=(dY[i]+=1.25/intensity);
  }
  if (A!=bits) setTimeout("bang()", speed);
}
 
function stepthrough() { 
  var i, Z;
  var oldx=xpos;
  var oldy=ypos;
  xpos+=dx;
  ypos-=4;
  if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
    for (i=0; i<bits; i++) {
      Xpos[i]=xpos;
      Ypos[i]=ypos;
      dY[i]=(Math.random()-0.5)*intensity;
      dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
      decay[i]=Math.floor((Math.random()*16)+16);
      Z=document.getElementById("bg"+i).style;
      Z.backgroundColor=colours[colour];
	  Z.visibility="visible";
    }
    bang();
    launch();
  }
  document.getElementById("lg").style.left=xpos+"px";
  document.getElementById("lg").style.top=ypos+"px";
  document.getElementById("tg").style.left=oldx+"px";
  document.getElementById("tg").style.top=oldy+"px";
} 

function launch() {
  colour=Math.floor(Math.random()*colours.length);
  xpos=Math.round((0.5+Math.random())*swide*0.5);
  ypos=shigh-5;
  dx=(Math.random()-0.5)*4;
  bangheight=Math.round((0.5+Math.random())*shigh*0.4);
  document.getElementById("lg").style.backgroundColor=colours[colour];
  document.getElementById("tg").style.backgroundColor=colours[colour];
}

window.onscroll=set_scroll;
function set_scroll() {
  var sleft, sdown;
  if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
	sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
  var s=document.getElementById("bod").style;
  s.top=sdown+"px";
  s.left=sleft+"px";
}

window.onresize=set_width;
function set_width() {
  if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
  }
  else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
  }
  else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
  }
}

window.onload=function() { if (document.getElementById) {
  set_width();
  write_fire();
  launch();
  setInterval('stepthrough()', speed);
}}
// ]]>

Vedi se tante volte conosci qualcosa di meglio e di più semplice. E il richiamo dei fuochidartifico.js sta nel file index.php che ho posto prima. Mi fai sapere qualcosa per favore ???? grazie.

Per quanto riguarda il problema precedente del controllo dinamico dei dati, ho rislto, sbagliavo il file da far girare ecco perchè mi dava errore.
 

Discussioni simili