JSF or JSTL (don't care) loop though List of images

[Kevin P Smith]

Hi guys,

I'm trying to loop through a simple List<String> imagesList
imageList.add("http:www.awebsite.com/images.firstimage.jpg")
imageList.add("http:www.awebsite.com/images.secondimage.jpg")
imageList.add("http:www.awebsite.com/images.thirdimage.jpg")

I have tried both JSTL & JSF and can't get this to work, on both occasions I get the same issue. Only the final image is displayed.
If I output just the URL (no IMG tag) I get all 3 results, so it's the IMG tag that's breaking it (I guess)


As I say, don;t care if it's JSF (repeat, datagrid) or JSTL (forEach)
My loop (JSTL):

	<j:forEach items="${indexView.bannerList}" var="banner">
						<img />
					</j:forEach>

Any help on how to get this working would be great!

Thanks

[Alan Smith]

For JSF you should download the images first and create a resources folder under your projects root folder. ie. beside WEB-INF. Then use ui:repeat to loop through the images.

        <ui:repeat var="image" value="#{bean.imageList}">
             <h:graphicImage value="#{image}" />            
        </ui:repeat>       

using the bean...

@ManagedBean
@RequestScoped
public class Bean {

    private ArrayList<String> imageList = new ArrayList<String>();
    
    public Bean() {
        
    }
    
    public String action(){ // this method is wired to a button, <h:commandButton value="Show Images" action="#{bean.action}"/>
        imageList.add("resources/images/Penguins.jpg");
        imageList.add("resources/images/Lighthouse.jpg");
        imageList.add("resources/images/Tulips.jpg");
        return "Result";//returns Result.xhtml that displays the images using ui:repeat tag
    }

    public ArrayList<String> getImageList() {
        return imageList;
    }
    
}

Give that a shot.

[Tim Holloway]

JSTL+JSF are a recipe for frustration. Avoid JSTL with JSF. JSF has native constructs that do the same thing, only better integrated with JSF.

I also recommend avoiding the ui:repeat tag except for cases where a less programmatic layout control (such as h:dataTable) aren't possible. JSF Views are supposed to be graphic templates, not code.