Simple markup for dynamic image viewer, with a single include.
Include:
<script language="Javascript" type="text/javascript" src="imageViewer.js" > </script>
Implements : pixel value inspector (with zoom), range manipulation, and image flip.
Fallback behavior without javascript: shows the image.
Associated events, click on the image, mouse wheel on the image, spacebar
Can be used to replace a single image:
<img src="kom02.png" id="kom02" />
<script language="Javascript">
imageViewer('kom02');
</script>
Or to replace all the images in the page with an id!=undefined:
<img src="kom02.png" id="kom02" />
<img src="t2.png" id="t2" />
<script language="Javascript">
// var DEBUG_imageViewer =1;
window.onload = replaceAllImages();
</script>
And allows to flip images by defining the function imageViewerFlipa:
<script language="Javascript">
// flip with spacebar between two images
function imageViewerFlipa() { flip("t2","kom02"); }
</script>