Monday, 12 August 2013

jQuery orbit slider crashes with large number of slides

jQuery orbit slider crashes with large number of slides

I've recently implemented Orbit slider
(http://zurb.com/playground/orbit-jquery-image-slider) to display a
gallery of images full screen on a web page. When I tested it with a few
slides, it worked great. However, I need to use around 200 slides, all
with resolutions of 1600 x 1200
When trying it with this high number of slides, some problems arose:
(a) Orbit slider preloaded all of these images before page load, making
the browser freeze up and increasing the page load time (b) It's probably
because there's 200 elements on the page, but the slider locks up
completely when trying to navigate through slides
So my question is this: are there any alternative jQuery gallery plugins
out there that I can implement that doesn't preload all of it's slides,
but rather creates the element / fetches the image when the next slide is
called? In essence, only the first slide would be loaded on page load.
Thanks in advance!

No comments:

Post a Comment