Discussion :

[defacta]

Bonjour,

Est-il possible de définir l'opacity sur un objet Image, donc sur une variable créée comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var MyImg= new Image();
MyImg.src = "monImage.jpg" ;

Et ensuite définir le .style.opacity de la variable MyImg ?

Je parle bien de la variable MyImg, pas d'une div ou d'une image qui aurait un style="..." ?

Merci,
Vincent.

[Bovino]

Oui, c'est possible et de la même manière que pour tous les objets HTML.

[defacta]

Salut,

Donc un MyImg.style.opacity = '0.5' marcherait ? Je peux pas essayer je bosse de nuit et je suis pas à mon ordi

Je voulais aussi savoir si on peut changer le background d'une div pour lui mettre un background dont l'image serait dans une variable de type new Image, disons celle-là:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="TheDiv" style="background-image:url(images/bg_image.jpg);">Voila la div</div>

Le but étant et vous l'aurez bien compris, de pouvoir changer à la volé en javascript l'opacity du background d'une DIV...

Merci,
Vincent.

[vermine]

Bonjour,

Pour mettre le background, ce sera ainsi:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
TheDiv.style.backgroundImage = "url(" + MyImg.src + ")";

Par contre, je ne suis pas parvenu à jouer avec l'opacité. Je suis sur IE7, j'ai donc testé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
MyImg.filter = "alpha(opacity = 50)";

Sans succès.
Est-ce que les navigateurs se sont finalement tous alignés sur FF concernant l'opacité ?

[Bovino]

Attention, tu peux modifier l'opacité d'un objet image, mais pas d'un background

[vermine]

Oui, bien entendu, mais j'ai changé l'opacité de l'objet Image, puis je l'ai précisée en tant que backgroudImage.

[dukej]

Salut,

Donc un MyImg.style.opacity = '0.5' marcherait ? Je peux pas essayer je bosse de nuit et je suis pas à mon ordi

Je voulais aussi savoir si on peut changer le background d'une div pour lui mettre un background dont l'image serait dans une variable de type new Image, disons celle-là:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="TheDiv" style="background-image:url(images/bg_image.jpg);">Voila la div</div>

Le but étant et vous l'aurez bien compris, de pouvoir changer à la volé en javascript l'opacity du background d'une DIV...

Merci,
Vincent.

La nuit quand tu n'es pas sur ton ordi tu peux essayer sur jsfiddle.net

[SpaceFrog]

par télépathie ?

[vermine]

Encore en forme à ce que je vois.

jsfiddle.net permet de tester du code en ligne, donc sans sa configuration sur son PC à soit, mais sur un PC avec Internet, comme voulait le dire dukej.

Cette solution nous avait déjà été proposée par un nouveau membre, Gsnalf si je ne m'abuse.