Image de fond qui s’adapte à la fenêtre.

Cette fonction va redimensionner une image pour qu’elle fasse toujours la taille de la fenêtre.

  1. resizeBg = function () {
  2.  
  3.         //On récupère la hauteur est la largeur de la fenêtre.
  4.         var hauteurF = $(window).height();
  5.         var largeurF = $(window).width();
  6.  
  7.         //On récupère la cible du redimensionnement.
  8.         var cible = $("#container, #container img");
  9.  
  10.         //On adapte la hauteur et la largeur à celle de la fenêtre.
  11.         cible.height(hauteurF);
  12.         cible.width(largeurF);
  13. }
  14.  
  15. //On lance une première fois la fonction au chargement de la page.
  16. resizeBg();

Une astuce en plus permet de redimensionner en « live » cette image si l’utilisateur redimensionne manuellement la fenêtre:

  1. //On surveille que la page n'est pas redimensionner par l'utilisateur.
  2. $(window).bind("resize", resizeBg);

Laissez un commentaire