I am creating a slide show and I cannot seem to get an image to rerender. Can you please look at my code and see if I'm doing something wrong here? I have used rerender before, but never in a a4j:repeat so maybe that has something to do with it? This is just a snippet, this code is contained in a a4j:form I just didn't want to paste it all in here.
<div> <a4j:repeat value="#{GalleryFace.selectedGalleryProfileImages}" var="image"> <span style="width: 120px; height: 100px; margin-left: 5px; margin-right: 5px;"> <div></div> <div> <a4j:commandLink actionListener="#{GalleryFace.selectGalleryProfileImage}" reRender="selectedLowRes"> <f:param id="galleryId" name="galleryId" value="#{image.galleryProfile.gallery.galleryId}" /> <f:param id="galleryProfileId" name="galleryProfileId" value="#{image.galleryProfile.galleryProfileId}" /> <f:param id="galleryProfileImageId" name="galleryProfileImageId" value="#{image.galleryProfileImageId}" /> <h:graphicImage value="#{image.thumbnailFileUrl}" width="120" height="90" alt="#{image.galleryProfileImageName}" style="border: 0px;"> </h:graphicImage> </a4j:commandLink> </div> </span> </a4j:repeat> </div> <h:panelGroup id="selectedLowRes"> <h:graphicImage id="selectedLowResImg" value="#{GalleryFace.selectedGalleryProfileImage.lowResFileUrl}" alt="#{GalleryFace.selectedGalleryProfileImage.galleryProfileImageName}" style="border: 0px;"> </h:graphicImage> </h:panelGroup>
Just thought I would mention that I have stepped through the server side code that actionListener is performing and it is changing the image on the back end.