IIIF demo image

[daliborjanak]

Demo with mona lisa on demo.klokanstorage.com

[klokan]

Paralax and zooming is still rought and slightly strange... please fix it.

[klokan]

My original idea was similar to slow fly + pen automatically - while speeding it on scrolling:
https://www.mapbox.com/mapbox-gl-js/example/flyto-options/

You can try just a simple panning - slow a la:
https://www.mapbox.com/mapbox-gl-js/example/rotating-controllable-marker/
can be easily done with code from:
http://openlayers.org/en/v3.11.2/examples/animation.html?q=animation

[daliborjanak]

My first implementation was using ol3 animation. But there were a problem with tiles loading. Tiles started loaded after animation has finished. This revision https://github.com/klokantech/www.iiifhosting.com/tree/1a11ebc182473319c9f668fad7857f1460a741d4

[klokan]

Paralax should move also the text + button - as in the sample the text "Fancy taking pictures":
http://sandropaganotti.com/2010/09/09/a-mouse-driven-css3-rotate3d-parallax-gallery-for-safari/

The image to be used on the frontpage:
http://www.nga.gov/content/ngaweb/Collection/art-object-page.52187.html

Zooming jumps. If you are not able to make the zooming smooth, then disable it.

[klokan]

Demo available online at: http://demo.iiifhosting.com/iiif/demo/info.json
and on the Google Drive and in FTP.

Please ask @o1da to add higher quality demo.jp2 from drive to the online hosting.
I am also not very comfortable to having the frontpage image under the demo account (which can be easily edited) so we may update the location of the image at later point (ticket for that?)

[klokan]

The best would be probably keep the image steady and just move with the shadow behind the text and button. A light version of http://codepen.io/briangonzalez/pen/Btmpe...

[daliborjanak]

@klokan still not best but it is better than parallax of image. http://www.iiifhosting.com/