commandButton et image

Je met une image à la place de mon bouton comme ceci :

Code:

---

1 2 3 4 5 6

<h:commandButton id="first" image="../images/first.png" value="first" action="#{search.pageFirst}" disabled="#{search.dataTable.first == 0}" />

---

mais je voulais savoir si on peut, et comment faire, pour indiquer une image (grisée par exemple) dans le cas "disabled"?

Merci d'avance.

Deux boutons différents un avec image grisée et l'autre non.

-chaque bouton possède l'attribut rendered

Code:

---

1 2 3

<h:commandButton disabled="#{bean.isDisabled)" image="imageDisabled" redenred="#{bean.isDisabled)">   <h:commandButton disabled="#{bean.isDisabled)" image="image" redenred="!#{bean.isDisabled)">

---

Ou alors mettre l'url de l'image dans le bean et la changer dans le bean en fonction de l'état du bouton

Code:

---

<h:commandButton disabled="#{bean.isDisabled)" image="#{bean.getImageURL}">

---

Ou alors avec l'EL faire un truc du genre

Code:

---

<h:commandButton disabled="#{bean.isDisabled)" image="#{bean.isdisabled} ? imagedisabled or imageNormale">

---

Je ne suis pas sur mais utilises un rendered.

merci beaucoup