Afficher une image en JavaScript

Résolu

Javascript

spritueur Messages postés 15 Statut Membre -
spritueur Messages postés 15 Statut Membre - 5 déc. 2015 à 20:34

Bonjour,
je connais la fonction pour changer le background de la page html mais je voulais savoir comment afficher une simple image en sachant que son adresse est comprise dans une variable. Merci

Afficher la suite

1 réponse

Réponse 1 / 1

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
Chartown
Salut,
http://www.w3schools.com/jsref/prop_style_backgroundimage.asp

Avec une image:
<img src="monfichier.png" id="image" />
```
document.getElementById('image').setAttribute('src',mavariable);
```
3
1. Chartown
  
  ou avec createElement
  
  <div id=ajout></div>
  var nouvelleimage=document.createElement("IMG"); document.getElementById('ajout').appendChild(nouvelleimage); document.getElementById('ajout').lastChild.setAttribute('src',mavariable);
  
  0
2. spritueur Messages postés 15 Statut Membre
  
  hum je ne comprends pas désolé ^^'
  
  0
3. spritueur Messages postés 15 Statut Membre
  
  function AfficherImg(p1, p2, p3) // création fonction AfficherImg()
  {
  var res = [ // de la plus petite à la plus grande, les différents backgrounds avec leurs dimensions
  {width:800, height:600, src:p1},
  {width:1024, height:768, src:p2},
  {width:1280, height:800, src:p3}];
  
  // 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>
  
  voici ma fonction et je voudrais que la dernière partie ( à partir du if) au lieu de modifier le background affiche simplement l'image
  
  0

Afficher une image en JavaScript

1 réponse

Discussions similaires

Newsletters