You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by Anbazhagan <an...@snovabits.net> on 2012/10/25 16:02:06 UTC

Image lazy loading using tapestry without jquery.

Hi,

I am developing a web application for smart phones using tapestry. I am
display more than 40 images in my index page using tapestry loop component. 

I want image lazy loading when I scroll down that page. I have achieved
using jquery but still i have some problem while I am scrolling in smart
phones.

So I am searching tapestry component to achieve that. 

Please any one say is possible to achieve that using tapestry. Is any
tapestry component to solve that problem.






--
View this message in context: http://tapestry.1045711.n5.nabble.com/Image-lazy-loading-using-tapestry-without-jquery-tp5717231.html
Sent from the Tapestry - User mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org


Re: Image lazy loading using tapestry without jquery.

Posted by Bård Magnus Kvalheim <ma...@kvalheim.eu>.
Hi Anbazhagan.

Yes, Alex is right - you need some javascript for that.

jquery afaik works well with mobile devices. Don't know if you used a
plugin - or did it yourself, but I've wrapped a jquery library to do our
lazy loading: http://www.appelsiini.net/projects/lazyload . Works well for
us - also with mobile devices.

It is implemented/wrapped as a mixin.

It is not overly complex, but have some neat features:
* can be applied to a component (dough)
* can work in nested mode where it visits all child nodes and applies
lazyload to image tags.
* can skip for visiting crawlers (these don't execute javascript)

If you're interested I could possibly share some code (or host at github if
I get some free time).

cheers
Magnus

On Thu, Oct 25, 2012 at 5:05 PM, Alex Kotchnev <ak...@gmail.com> wrote:

> I don't think you'll find an existing component that does this in Tapestry
> - it sounds like a general dynamic HTML kind of problem (and more
> specifically, how you can handle that problem on the phone browsers you are
> working with), for which you will most likely will need to write some
> javascript or use an existing js library.
>
> Cheers,
>
> Alex K
>
> On Thu, Oct 25, 2012 at 10:02 AM, Anbazhagan <anbazhagan.g@snovabits.net
> >wrote:
>
> > Hi,
> >
> > I am developing a web application for smart phones using tapestry. I am
> > display more than 40 images in my index page using tapestry loop
> component.
> >
> > I want image lazy loading when I scroll down that page. I have achieved
> > using jquery but still i have some problem while I am scrolling in smart
> > phones.
> >
> > So I am searching tapestry component to achieve that.
> >
> > Please any one say is possible to achieve that using tapestry. Is any
> > tapestry component to solve that problem.
> >
> >
> >
> >
> >
> >
> > --
> > View this message in context:
> >
> http://tapestry.1045711.n5.nabble.com/Image-lazy-loading-using-tapestry-without-jquery-tp5717231.html
> > Sent from the Tapestry - User mailing list archive at Nabble.com.
> >
> > ---------------------------------------------------------------------
> > To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> > For additional commands, e-mail: users-help@tapestry.apache.org
> >
> >
>

Re: Image lazy loading using tapestry without jquery.

Posted by Alex Kotchnev <ak...@gmail.com>.
I don't think you'll find an existing component that does this in Tapestry
- it sounds like a general dynamic HTML kind of problem (and more
specifically, how you can handle that problem on the phone browsers you are
working with), for which you will most likely will need to write some
javascript or use an existing js library.

Cheers,

Alex K

On Thu, Oct 25, 2012 at 10:02 AM, Anbazhagan <an...@snovabits.net>wrote:

> Hi,
>
> I am developing a web application for smart phones using tapestry. I am
> display more than 40 images in my index page using tapestry loop component.
>
> I want image lazy loading when I scroll down that page. I have achieved
> using jquery but still i have some problem while I am scrolling in smart
> phones.
>
> So I am searching tapestry component to achieve that.
>
> Please any one say is possible to achieve that using tapestry. Is any
> tapestry component to solve that problem.
>
>
>
>
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/Image-lazy-loading-using-tapestry-without-jquery-tp5717231.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>