How to use HtmlGraphicImage in backing bean to display an Image?

[srinivas bokka]

Hi I am new to JSF. i am trying a code to display image through backing bean using HTML panel grid.

The following is backing bean code i wrote to add image 100 times:

  
public void addControls(ActionEvent actionEvent)
	{
	Application application =
	FacesContext.getCurrentInstance().getApplication();
	List children = controlPanel.getChildren();
	children.clear();
	for (int count = 0; count < 100; count++)
	{
	
	HtmlGraphicImage output = 	(HtmlGraphicImage)application.
	createComponent(HtmlGraphicImage.COMPONENT_TYPE);
	//HtmlOutputText output = (HtmlOutputText)application.
	//createComponent(HtmlOutputText.COMPONENT_TYPE);
	
	
	//output.setValue(" " + count + " ");
	
	output.setUrl("/imgs/1.jgp"); 

	//output.setStyle("background-color: yellow");
	
	//output1.setUsemap("/imgs/1.jpg");
	//output1.setStyle("background-image: url(/imgs/1.jpg)");
	
		
		
	children.add(output);
	}


  

In the front end i am displaying using panel grid

   
<h:panelGrid id="controlPanel"
binding="#{mind.controlPanel}"
columns="5" border="1" cellspacing="0"/>
</p>
<h:commandButton id="redisplayCommand" type="submit"
value="Redisplay"
actionListener="#{mind.addControls}"/>
 

The problem is image is not displaying.

I placed images folder in webcontent -- as i am using eclipse

Please give me suggestion on this.

Thank you,
Srinivas