Read this article in your language | | |

Buona sera a tutti!

Questa mattina per lavoro mi è capitato di dover ricreare l'acqua calda. Eh si, avete letto bene. Mi è stato chiesto di creare una funzione javascript che facesse in modo che ad ogni caricamento della nostra pagina cambiasse lo sfondo di un determinato elemento presente nella pagina.
Di script che fanno questo tipo di operazioni ce ne sono un'infinità.
Ne ho difatti trovati tantissimi, ma tutti troppo complessi per i miei semplicistici scopi. Alcuni addirittura si basavano sulle funzioni presenti nei framework JS preconfezionati quali jquery e mooTools per citarne un paio tra i miei preferiti. Devo dire che sinceramente non capisco perchè dover passare attraverso tali framework se pensiamo che con sole 10 righe di codice JS io ho risolto il mio problema ed in maniera perfettamente efficace e funzionale.

Eccomi dunque a presentarvi la mia piccola scoperta dell'acqua calda.

   1: <script language="javascript">

   2:  

   3: // GLOBAL VARS

   4: var imagePath = "./";  // path delle immagini

   5: var arrImage = new Array("bg0.jpg","bg1.jpg","bg2.jpg","bg3.gif","bg4.jpg"); // nomi delle immagini

   6:  

   7: function getRandomImage(){    

   8:  

   9:     var imgNumber = Math.floor(Math.random()*arrImage.length);    

  10:     var image = imagePath + arrImage[imgNumber];        

  11:     

  12:     document.getElementById("bgChanger").style.backgroundImage = "url(" + image  + ")";

  13: }

  14:  

  15: getRandomImage(); //Inizializzo la funzione

  16:  

  17: </script>

Se volete avere un'anteprima del mio piccolo script questa è la pagina in cui è presente; vi sbasterà ricaricarla per vedere cambiare lo sfondo del div che ha come ID bgChanger.

Non mi perdo in lunghe spiegazioni relative allo script perchè ritengo che sia davvero di facile comprensione. L'unica cosa da ricordare è che per i tempi di caricamento della pagina è meglio mettere lo script a fondo pagina.

Rimango ovviamente come sempre a disposizione per ogni tipo di chiarimento in merito ai miei scritti.