0 Replies Latest reply on Jun 24, 2009 8:03 AM by aboo salimon

    rich:jquery will support the a:repeat for dynamic images fro

    aboo salimon Newbie

      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('&lt;div class=\'wrap1\'&gt;&lt;/div&gt;')" />
       <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?