Hi, I am now creating an application where am having a page called content, in that page now am displaying an image in the left side and a title, description and some other info in the right side. It contains more than 40 items and displays 3 to 4 items in the screen at a time.
The problem is it loads all the 40 items in the first shot, so planned to try with lazy loading and tried with the link http://ivorycity.com/blog/2011/04/19/jquery-lazy-loader-load-html-and-images-on-scroll/ First done a sample tapestry page with the code below: <body> layout/images/bmw_m1_hood.jpg <br/> <div class="i-am-lazy"></div> <div class="i-am-lazy"></div> <div class="i-am-lazy"></div> </body> it works as expected it loads the first image normally and when i scroll down it loads the consecutive images. Next tried to implement the same thing in the coding like below: <t:loop source="videoDatas" encoder="encoder" value="videoItem" index="currIndex"> <table width="100%" cellpadding="2" cellspacing="0"> <tr class="list" style="background-color: ${alternateColour}"> <td> <div class="i-am-lazy"></div> </td> <td width="100%"> <p class="link"> ${videoItem.title} <br /> </p> <p class="text">${videoItem.name}</p> <br /> <div class="button_style">Info</div> </td> </tr> </table> </t:loop> here the page loads successfully with title, name etc., but not with the image, when i scrolled down the images are not get loaded, when i viewed the page source and compared with the previous one (where gave the img src tag value directly by src="layout/images/viper_1.jpg" so it loads successfully) assigning src="${videoItem.image}" it makes the problem at run time, it not get the image value. any one plz suggest me a solution? -- View this message in context: http://tapestry.1045711.n5.nabble.com/img-tag-src-value-not-get-render-on-run-time-in-lazy-loading-tp5713439.html Sent from the Tapestry - User mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org For additional commands, e-mail: users-h...@tapestry.apache.org
