Message erreur image erreur image reussite

Citation:

<h:inputSecret id="log" value="login" required="true">
<f:validator validatorId="ValidatePassword"/>
</h:inputSecret>
<rich:messages style="color:red;" layout="table" for="log">
<h:graphicImage value="/image/error.gif"></h:graphicImage>
</rich:messages>

Pouriez vous m expliquer comment faire pour afficher un message d erreur devant lui une image erreur
et dans le cas ou c est correcte afficher une image : " icon correct"

Un tutoriel ou un lien serais bien
Merci d avance pour toute aide apporter

Utilise les facets, passedMarker, errorMarker de rich:message:

Code:

1
2
3
4
5
6
7
8
 <rich:message for="log">
<f:facet name="passedMarker">
<h:graphicImage  value="/images/passed.gif" /> 
</f:facet>
<f:facet name="errorMarker">
<h:graphicImage  value="/images/error.gif" />  
</f:facet>
</rich:message>

merci sa marche