Dynamic image sizer ver.14

This script scales down images viewed by themselves so that they can be seen in their entirety if they are too large for the window.  It is simple to use, works with both raster images and SVG, and is configurable using UJS Manager.

This script is also available as an extension for Opera 11. Said extension will in time supercede this script.

Features

• Click to toggle between original size and size fitting the entire image in the window.
• Double-click to fit the short axis to the window, leaving a scollbar for the long axis.
• Small images can optionally be stretched to fit.
• Transition speed, stretching and initial state are all configurable.
• W, A, S and D keys flip image.
• Esc key restores image to its native state.
• Optional checkerboard background for transparent raster images.

Changelog

Version 14 (2010-11-18)

Implemented checkboard background for raster images, along with associated UJS Manager settings.

Version 13 (2010-08-28)

Fixed a regression preventing state -1 from working; clicks should no longer fail to produce visible results.

Version 12 (2010-05-24)

Fixed unintended stretching in linear fit under certain circumstances.

Minor changes to facilitate a test suite.

Version 11 (2010-05-21)

Further improved linear fit to handle edge cases with square or near-square images and unusual viewport dimensions.

Version 10 (2010-05-20)

Moved scrollbar size detection down to where it should be on the execution chain, avoiding regressions with SVGs.

Fixed window resizing event being broken due to internal API changes.

Version 9 (2010-05-12)

Implemented flipping with W, A, S and D keys.

Implemented reset via Esc key.

Removed scrollbar size setting; scrollbar size is now programmatically determined.

Fixed variable leaking to global scope.

Version 8 (2010-05-09)

Improved workaround insuring that clicking always results in visible resizing.

Improved linear fit of square and near-square images.

Documented sizing states.

Minor cleanup.

Version 7 (2010-05-02)

Slew more SVG gremlins and added a note about handling of SVGs.

Divorced the inner workings from markup surrounding the target image.

Made sure to preserve original styling when appropriate.

Corrected minor odd behaviour when attempting a linear fit on small images.

Version 6 (2010-04-29)

Added a best-guess viewbox to SVGs without one, otherwise scaling doesn't work (oh, the irony).

Version 5 (2010-04-24)

Fixed several edge case regressions which went unnoticed.

Version 4 (2010-04-24)

Implemented CSS transitions and, as a by-product, optional stretching.

Version 3 (2010-04-21)

Made double-clicking use the "dblclick" event; now click-speed is consistent with system settings.

Made detection of raster images more robust by using an even more specific selector.

Version 2 (2010-03-28)

Implemented UJS Manager configurability.

Minor clean-up.

Version 1 (2009-12-04)

Initial version.