Estoy usando ui: repetir etiqueta que renderiza imágenes. Tengo cinco imágenes. Quiero que en cada iteración mi imagen tenga identificadores como image1, image2, image3 .... imagen. Intenté esto pero no está funcionando.

<div id="imageGallery">
    <ui:repeat value="#{countryPages_Setup.images}" var="image" varStatus="status">
        <tr>
            <td>
                <a href="javascript:void()" class="launchLink">
                    <p:graphicImage id="image#{status.index}"         //problem
                                    value="/resources/images/#{image}"
                                    width="100"
                                    height="100"
                                    rendered="#{countryPages_Setup.renderImages}"/>
                </a>
            </td>
        </tr>
    </ui:repeat>
</div>

También probé {staus.index + 1}. También probé id = image # {1 ++} Pero tampoco está funcionando. ¿Cómo puedo hacerlo?

Gracias