Seems that I happen to like coding several stuff when it comes to the end of the year. As such, I’ll decide to delicate this piece of script/code/site to my all my fellow photo enthusiasts and geeky friends as a late Christmas but an early new year’s gift.
So without further to do, check out the demo here. http://jabtunes.com/notation/panning_navigator.html
Here are some of the features
+ Drag the viewport in the navigator to view around
+ Mouse wheel can control the zoooming
+ Fill, Fit to screen for quickly zooming out, 1:1 for actual size and 3:1 for zooming in.
+ Fullscreen photos and navigator response to browser resizes
+ Features some photos from my early photography
+ Canvas used for drawing the navigator and creating the “thumbnailed” image.
+ Css for aligning navigator, resizing and repositioning image
+ Seems useful with large photos and panoramas
+ Should run iphone and android browsers although experience may be improved
+ Oh also released as do what every you like to do with the source license, but remember to let me know your comments.
(Warning: Some images are huge, please be patient while waiting)
Comments are welcomed. Maybe, when its polished up, bug free and extensible, I might release this as a jquery plugin.
Goodbye 2009 and an early happy new year to all!
p.s. One might check out the jQuery supersized plugin for where the fullscreen photos were partly inspired by.
p.p.s. For source code: use your browser “View Source”.