I have a couple of sites now with slideshows. The images in the slide show average about 45Kb each. We can reduce the image sizes to an average about 28Kb, but by this point the images look terrible.
On one site the slide show has 12 images, on another it has 30, This causes very poor looking loading of the page.
On the bigger site, page load can take upto 7.5 seconds before all elements fall into place and the page looks nice.
I am looking for a method by which i could load the first slide, then the rest of the page loads, then it comes back to load the rest of the images for the slideshow. (not sure if you would really call this lazy loading)
Basically to make the loading look neater, smoother. So all parts of the site fall into correct position quicker rather than waiting for all slide images to load.
example site www.dabeat.com.au (12 image), www.vixenphotographics.com.au (30 image slideshow)
Any ideas how i can accomplish this?
Lazy loading a slideshow **CLOSED**
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Lazy loading a slideshow **CLOSED**
Last edited by fiik on Mon Jul 30, 2018 6:45 am, edited 1 time in total.
Re: Lazy loading a slideshow
Sorry, that is not possible. For a sideshow, the images need to be preloaded otherwise the animations will not work.
Re: Lazy loading a slideshow
I had a look at the 30 image slideshow and these loaded with no issues... but I am on 50mb broadband.... so maybe this could be down to a slower broadband speed?
Making mistakes....and still learning as I go along.. and very grateful to those who know far more than me... :)
http://www.apgraphx.co.uk
http://www.apgraphx.co.uk
Re: Lazy loading a slideshow
is it possible to use something like Slick carousel http://kenwheeler.github.io/slick/
it says it has lazy loading.
can this be integrated into WWB, by an end user such as i?
it says it has lazy loading.
can this be integrated into WWB, by an end user such as i?
Re: Lazy loading a slideshow
You can use the HTML object to add custom code. In combination with the File Publisher object.
Or you can create your own extension.
Or you can create your own extension.
Re: Lazy loading a slideshow **CLOSED**
This is an old topic of mine, but I thought I would update it.
The lazy loader mentioned previously worked ok.
However I did a simple work around.
Instead of putting the slide show into a layout grid which is flexible height and does not get its height until the slide show fully loads,
I put the side show into a layer, with fixed height (which was altered for various breakpoints), this makes the page load correctly with the appearance of being cleaner and faster
The lazy loader mentioned previously worked ok.
However I did a simple work around.
Instead of putting the slide show into a layout grid which is flexible height and does not get its height until the slide show fully loads,
I put the side show into a layer, with fixed height (which was altered for various breakpoints), this makes the page load correctly with the appearance of being cleaner and faster