style.backgroundImage et une variable de type Image.

Salut,

J'aimerai changer le background d'une TD avec une image qui se trouve dans une variable de type Image() mais ca ne marche pas:

Code:

---

1 2	var JS_IMG_BC_on = new Image() ; JS_IMG_BC_on.src = 'images/buton-center-on.gif' ;

---

et plus loin...

Code:

---

1 2	document.getElementById('TD-BC-ne').style.backgroundImage = url(JS_IMG_BC_on.src) ;

---

Mais ca ne marche pas, ca ne marche que si je mets l'url de l'image, mais je veux éviter cette solution pour utiliser la variable JS_IMG_BC_on.

Comment je peux faire ?

Merci,
Vincent.

déjà pourquoi passer par un objet image ?
alors qu'une url d'image c'est qu'une simple string.

Donc simplement

Code:

---

var imageUrl = 'src/monimage.jpg';

---

ensuite

Code:

---

monTd.style.backgroundImage = 'url("'+imageUrl+'")';

---

Citation:

---

Envoyé par Gatsu35

déjà pourquoi passer par un objet image ?
alors qu'une url d'image c'est qu'une simple string.

Donc simplement
var imageUrl = 'src/monimage.jpg';


ensuite
monTd.style.backgroundImage = 'url("'+imageUrl+'")';

---

Je souhaite passé par la variable new Image() pour quelle soit préchargée, en passant par url(...), l'image n'est pas préchargée avant d'être affichée...

Citation:

---

Envoyé par defacta

Je souhaite passé par la variable new Image() pour quelle soit préchargée, en passant par url(...), l'image n'est pas préchargée avant d'être affichée...

---

tu gardes l'url dans une variable et tu fais ton new Image :

Code:

---

1 2 3 4

var urlImg = 'images/monimagekikoolol.jpg'; var imgPreload = new Image(); imgPreload.src = urlImg;

---

plus loin tu conserves le code que j'ai mis en utilisant urlImg.

Mais bon, tu connais les CSS ou pas ?
car tu ferais mieux d'utiliser les CSS pour gére ton background-image, et pour ce qui est du preload, pas besoin si tu utilises les sprites.

Ta syntaxe de départ est fausse
la propriété de style attend un string

Code:

---

document.getElementById('TD-BC-ne').style.backgroundImage = "url("+JS_IMG_BC_on.src"+")" ;

---

Citation:

---

Envoyé par SpaceFrog

Ta syntaxe de départ est fausse
la propriété de style attend un string

Code:

---

document.getElementById('TD-BC-ne').style.backgroundImage = "url("+JS_IMG_BC_on.src"+")" ;

---

---

Voila, c'était ce que je cherchais.
Merci.

Gatsu t'avait pourtant déja mis sur la voie ;)

Citation:

---

Envoyé par SpaceFrog

Gatsu t'avait pourtant déja mis sur la voie ;)

---

j'avais même pas fait gaffe qu'il avait oublié lest quotes :oops:
PS : pourquoi les gens qui font du JS n'utilisent jamais firebug :(