ProLoser/AnythingSlider — Issue #237: Workaround possible so that "Deep Zoom" on multiple slides does not cause slow load time
Author: rspruijt
Created: 2011-12-20 11:32:41+00:00
State: open

Greetings from the UK! First off, the AnythingSlider is great - after much searching I have yet to find such a flexible slider, with so many features and yet that is easy to configure!

I am attempting to use the features of AnythingSlider to show course leaflets at my school (with a user interface). I first tried using Google docs reader pointing to PDFs, but the PDFs take long to load and the Google docs user interface is not great. I then ran across zoom.it/seadragon which uses 'deep zoom'... except that when loading more than a few 'deep zoom' scripts running on multiple slides AnythingSlider takes a long time to load (and the page does not look good while AnythingSlider is loading).

I am new to JavaScript and am stuck trying to implement a delayed loader for the dynamic deep zoom content. My best effort so far involved AnythingSlider slides loading quickly with images (maybe I can even lazy load these) which then each load an iframe onclick, which shows an external page with the deep zoom content. My main issue with using an iframe is that I lose the ability to deep-zoom full-screen.

Can I get the best of both worlds: (a) AnythingSlider interface to link and move between slides, and (b) slide content loading 'deep zoom' images onclick/onhover directly (not in an iframe)?

I am not sure how to set up jfiddle for an example but the files I am using can be found at https://content.wuala.com/contents/abbeyfieldrms/AnythingSlider/?key=iAEd4dS3FFQZ which can be downloaded quickly using all-folder-contents.zip