Thanks for the work on this great module.

I've run into issues where clients load lots of images into their slideshows making load times on mobile pretty terrible via 3G. It would be great to get all those images to lazy load after the document initializes. Perhaps load just the first image normally, and then Ajax load the rest.

The v2 branch has the slider.addSlide method which I think should make it possible to ajax load all the slides after the first. My JS skills are not very strong, but I was thinking perhaps you could trim the array of content passed by views to flexslider to show only the first item, and then loop the rest though slider.addSlide method.

I'm not sure if it's possible but I could see there being a good argument to ajax load even the first slide as the "apparent speed" of the site would be increased.

Here's a related flexslider link on github https://github.com/woothemes/FlexSlider/issues/310

Comments

minoroffense’s picture

minoroffense commented
Status: Active » Postponed

Definitely something to consider. I'll keep in mind for a point release of 2.x

gmclelland’s picture

gmclelland commented

Here is an interesting way that Notre Dame University is lazy loading images with Flexslider. Just thought I would post in case anyone was interested.
http://weedygarden.net/2013/03/reducing-downloaded-images-with-flexslider/

dddbbb’s picture

dddbbb commented

I'd also really like to see this functionality added.

travisc’s picture

travisc commented

I'd like to see Ajax paging integrated with Views. We hope be working on this in the next few days. If we can sponsor some work on this please PM me.

ace11’s picture

ace11 commented
Issue summary: View changes

Waiting for this one too!

timoti’s picture

timoti commented

plus 1 on lazyloading please!

dw72’s picture

dw72 commented

+1

anacona16’s picture

anacona16 commented

+1

mmncs’s picture

mmncs commented

+1

neetu morwani’s picture

neetu morwani commented

Flex slider does not work with Lazyloader module.
Looking for the update on this one.
Thanks.

tfranz’s picture

tfranz commented

I tried to implement "FlexLoader" (https://github.com/shaekuronen/jquery.flexloader) to lazyload images.
Following the provided examples it seems to work like expected with a custom build flexslider.

Unfortunately i can't get it to work with the flexslider-module (7.x-2.0-alpha3) in combination with picture-module (7.x-2.11).

… but maybe this script is a good starting point for "Ajax Loading Slides"?!