Afficher une image en JavaScript

Résolu/Fermé
spritueur Messages postés 11 Date d'inscription mercredi 5 mars 2014 Statut Membre Dernière intervention 5 décembre 2015 - 5 déc. 2015 à 12:16
spritueur Messages postés 11 Date d'inscription mercredi 5 mars 2014 Statut Membre Dernière intervention 5 décembre 2015 - 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


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
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 mercredi 5 mars 2014 Statut Membre Dernière intervention 5 décembre 2015
5 déc. 2015 à 20:33
hum je ne comprends pas désolé ^^'
0
spritueur Messages postés 11 Date d'inscription mercredi 5 mars 2014 Statut Membre Dernière intervention 5 décembre 2015
5 déc. 2015 à 20:34
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