Besoin d'aide pour mon programme (affichage image avec du javaS)

Fermé
spritueur Messages postés 11 Date d'inscription mercredi 5 mars 2014 Statut Membre Dernière intervention 5 décembre 2015 - Modifié par KX le 21/11/2015 à 21:35
Bonjour voici mon code
<!DOCTYPE [/contents/498-html-langage html]>
<html>
 <head>
  <meta charset="ansi"></meta>
  <title>v1</title>
  <link rel="stylesheet" href="style.css" type="text/css"/>
  <script language="JavaScript">
   var background = function () // création d'une fonction background()
   {
  var res = [ // de la plus petite à la plus grande, les différents backgrounds avec leurs dimensions
            {width:800,  height:600, src:"1.png"},
            {width:1024, height:768, src:"photo.jpg"},
            {width:1280, height:800, src:"photo.jpg"}];
         
 
  // Au départ, on prend le premier background
  var img = res[0],
  width = window.innerWidth || (document.body && document.body.clientWidth) || 1024; // On récupère la largeur de la fenêtre
     
  for (var i=0; i < res.length;i++) { // On fait une boucle sur le tableau des backgrounds
   if (img.width <= res[i].width && res[i].width <= width) { // Et on cherche lequel est le plus approprié
    img = res[i];
   }
        else {  
            break; // Si on a trouvé le bon, on quitte la boucle
        }
    }
  if (document.body) {
        document.body.style.backgroundImage = "url('"+ img.src +"')"; // On applique le background au style du body
  }
}
 </script>

 </head>
 <body>
  <div id="haut">
   </br>
   </br>
   </br>
   </br>
   </br>
   </br>
   </br>
   </br>
   <div id="menu">
    <ul>
     <li>
      <a href="#"><O class="txtorange">1er MENU</O></a>
      <ul>
       <li><a href="#ACHANGER"><O class="txtorange">Sous-Menu1</O></a></li>
       <li><a href="#ACHANGER"><O class="txtorange">Sous-Menu2</O></a></li>
      </ul>
     </li>
     <li>
      <a href="#"><O class="txtorange">2er MENU</O></a>
      <ul>
       <li><a href="#ACHANGER"><O class="txtorange">Sous-Menu1</O></a></li>
       <li><a href="#ACHANGER"><O class="txtorange">Sous-Menu2</O></a></li>
      </ul>
     </li>
    </ul>
   </div>
  </div>
  </br>
  <script language="JavaScript">
  window.onresize = background; // Au redimensionnement de la fenêtre, on appelera la fonction
  window.onload = background; // Au chargement, on appelera la fonction
  </script>
  
 </body>
</html>


Je voudrais savoir si quelqu'un pouvait m'aider parceque ça fais plus d'une heure que je cherche sans trouver ... En gros je voudrais que au lieu de définir le background ma fonction dans le head me permette d'afficher une image merci =)