Afficher une image en JavaScript [Résolu/Fermé]

Signaler
Messages postés
11
Date d'inscription
mercredi 5 mars 2014
Statut
Membre
Dernière intervention
5 décembre 2015
-
spritueur
Messages postés
11
Date d'inscription
mercredi 5 mars 2014
Statut
Membre
Dernière intervention
5 décembre 2015
-
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

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);
ou avec createElement

<div id=ajout></div>
var nouvelleimage=document.createElement("IMG");
document.getElementById('ajout').appendChild(nouvelleimage);
document.getElementById('ajout').lastChild.setAttribute('src',mavariable);
spritueur
Messages postés
11
Date d'inscription
mercredi 5 mars 2014
Statut
Membre
Dernière intervention
5 décembre 2015

hum je ne comprends pas désolé ^^'
spritueur
Messages postés
11
Date d'inscription
mercredi 5 mars 2014
Statut
Membre
Dernière intervention
5 décembre 2015

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