Afficher une image en JavaScript

Résolu
spritueur Messages postés 11 Date d'inscription   Statut Membre Dernière intervention   -  
spritueur Messages postés 11 Date d'inscription   Statut Membre Dernière intervention   -
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


1 réponse

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
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
spritueur Messages postés 11 Date d'inscription   Statut Membre Dernière intervention  
 
hum je ne comprends pas désolé ^^'
0
spritueur Messages postés 11 Date d'inscription   Statut Membre Dernière intervention  
 
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