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.

[SpaceFrog]

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

[Gatsu35]

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

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