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
-
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);
3
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

ou avec createElement

<div id=ajout></div>
var nouvelleimage=document.createElement("IMG");
document.getElementById('ajout').appendChild(nouvelleimage);
document.getElementById('ajout').lastChild.setAttribute('src',mavariable);
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é ^^'
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