Définir l'opacity sur un objet Image.

Bonjour,

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

Code:

---

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.

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

Salut,

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

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:

---

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

Bonjour,

Pour mettre le background, ce sera ainsi:

Code:

---

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:

---

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é ?

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

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

Citation:

---

Envoyé par defacta

Salut,

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

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:

---

<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 :)

par télépathie ? :mouarf:

Encore en forme à ce que je vois. :P

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.

Citation:

---

Envoyé par 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. :?

---

Oui voilà, c bien ça l'idée d'origine...et donc ça a marché chez toi ?
:)

Merci,
Vincent.

Ben non, justement, je n'ai pas su tester l'opacité. Mais je m'y suis sans doute pris comme un manche. :P

Non, ce n'est pas possible : une image de fond (background-image) n'est pas un élément du DOM, il n'est donc pas possible de la manipuler en JavaScript, juste d'en définir la source par le biais de la propriété de style associée à l'objet HTML associé.