Bonjour à tous,

1ère astuce pour le temps des fêtes : comment ajouter de la neige qui tombe sur votre OPAC ?

Tous vos usagers vont adorer ça, si si !

Alors il suffit de copier/coller le code suivant et de l’inscrire dans la au tout début de la préférence système OPACUserJS (même si vous avez une note qui dit de ne rien mettre au-dessus d'une certaine ligne, ce code doit être mis avant :-) )

  
  
  
  
  
  
  
  

   
   
   
   
   
   
   
   
//neige sur opac
snow_img = "https://desk.zoho.com/DocsDisplay?zgId=682241679&mode=inline&blockId=8l6qmfd42b4ae457647e7b98500a5b88f6ec6";
snow_no = 15;
if (typeof(window.pageYOffset) == "number")
{
	snow_browser_width = window.innerWidth;
	snow_browser_height = window.innerHeight;
} 
else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
{
	snow_browser_width = document.body.offsetWidth;
	snow_browser_height = document.body.offsetHeight;
}
else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
{
	snow_browser_width = document.documentElement.offsetWidth;
	snow_browser_height = document.documentElement.offsetHeight;
}
else
{
	snow_browser_width = 500;
	snow_browser_height = 500;	
}

snow_dx = [];
snow_xp = [];
snow_yp = [];
snow_am = [];
snow_stx = [];
snow_sty = [];

for (i = 0; i < snow_no; i++) 
{ 
	snow_dx[i] = 0; 
	snow_xp[i] = Math.random()*(snow_browser_width-50);
	snow_yp[i] = Math.random()*snow_browser_height;
	snow_am[i] = Math.random()*20; 
	snow_stx[i] = 0.02 + Math.random()/10;
	snow_sty[i] = 0.7 + Math.random();
	if (i > 0) document.write("<\div id=\"snow_flake"+ i +"\" style=\"position:absolute;z-index:"+i+"\"><\img src=\""+snow_img+"\" border=\"0\"><\/div>"); else document.write("<\div id=\"snow_flake0\" style=\"position:absolute;z-index:0\"><a href=\"http://peters1.dk/tools/snow.php/%22 target=\"_blank\"><\img src=\""+snow_img+"\" border=\"0\"></a><\/div>");
}
function SnowStart() 
{ 
	for (i = 0; i < snow_no; i++) 
	{ 
		snow_yp[i] += snow_sty[i];
		if (snow_yp[i] > snow_browser_height-50) 
		{
			snow_xp[i] = Math.random()*(snow_browser_width-snow_am[i]-30);
			snow_yp[i] = 0;
			snow_stx[i] = 0.02 + Math.random()/10;
			snow_sty[i] = 0.7 + Math.random();
		}
		snow_dx[i] += snow_stx[i];
		document.getElementById("snow_flake"+i).style.top=snow_yp[i]+"px";
		document.getElementById("snow_flake"+i).style.left=snow_xp[i] + snow_am[i]*Math.sin(snow_dx[i])+"px";
	}
	snow_time = setTimeout("SnowStart()", 10);
}
SnowStart();
//fin neige
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
    

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

   
    
    
    
    
    
    
    
    

     
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
Si vous souhaitez changer l'image du flocon, vous pouvez utiliser les urls suivants et changer l'url dans la ligne

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
snow_img =
    
    
    
    
    
    
    
    
  
  
  
  
  
  
  
  

Il est également possible d'utiliser n'importe quelle image de votre choix, en autant que le lien soit public et permanent et que l'icône ait une taille appropriée.

Choix d'images

 https://desk.zoho.com/DocsDisplay?zgId=682241679&mode=inline&blockId=8l6qm6a360c5c933144be96918a806ea0c324

  https://desk.zoho.com/DocsDisplay?zgId=682241679&mode=inline&blockId=8l6qm2778da89a53f4f0682b266cf7ad4dd9b

https://support.collecto.ca/galleryDocuments/edbsndc457338dcf8c3d808a5dacfedaa53c8958cdb2cd57f2f0a9a752783c7d3af035928806afd6ed89e2018be525d11bb3b

Nombre d'icônes

Par défaut, le nombre d'icônes est paramétré à 15, mais il est possible d'en ajouter ou d'en retirer. Pour ce faire, il faut modifier le "15" dans la ligne de code suivante :

(Il s'agit de la 2e ligne de code)

Augmenter le nombre permet d'obtenir plus d'icône tombantes, diminuer le nombre en met moins.

Il est possible aussi d'augmenter ou diminuer la vitesse de chute des icônes. Pour ce faire, il faut modifier le "10" dans la ligne de code suivante : 

(Il s'agit de l'avant-dernière ligne de code)

Augmenter le nombre fera ralentir la chute des icônes, diminuer le nombre accélèrera la chute.