Discussion :

[defacta]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

et plus loin...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

[Gatsu35]

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

Donc simplement

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var imageUrl = 'src/monimage.jpg';

ensuite

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[defacta]

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...

[Gatsu35]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

[SpaceFrog]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[defacta]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

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