hi this is interesting,
<a:outputPanel id="thumnailGroup"> <a:repeat value="#{ezeeLinkBookingAction.galleryItems}" var="items"> <a:commandLink action="#{ezeeLinkBookingAction.updateFromThumbNailToGallery(items)}" ajaxSingle="true" reRender="gallery" > <h:graphicImage styleClass="thumb" value="/#{utilities.getImage(items.resource)}" width="90" height="60"/> </a:commandLink> </a:repeat> </a:outputPanel> <rich:jQuery selector="#thumnailGroup img" query="addClass('pic-normal')"/> <rich:jQuery selector="#thumnailGroup img" query="wrap('<div class=\'wrap1\'></div>')" /> <rich:jQuery selector="#thumnailGroup img" query="mouseover(function(){enlargePic(this)})"/> <rich:jQuery selector="#thumnailGroup img" query="mouseout(function(){normalPic(this)})"/> <rich:jQuery name="enlargePic" timing="onJScall" query="stop().animate({width:'150px'})" /> <rich:jQuery name="normalPic" timing="onJScall" query="stop().animate({width:'100px'})" /> in the a:repeat , i repeat the images in list of images in database, now below jquery function is not working properly... can anybody look at this and help me out where is the mistake?