Sometimes, we deal very large graphic files. For example, photo files are about 2000x1600 pixels, scanned paper files (A4, 600dpi) are about 7128x5040. But you do not always needs such high resolutions. And the file size of them are very large for http transfer (Web site). Smaller file would be easier to deal for searching and browsing.
Usually, the smallen file called as a "thumbnail". By the way, thumbnail is good for searching and sorting though, not good in watching. Then, create a little larger one, too. But most of human sometimes want to see just a part of the original. Just to watch a little part, downloading the whole of the image? Are not there any better way?
One of the answer is this project, "TiledImage". Cutting such a large image into "tiles of thumbnail size" placing them on your web browser. The tiles are not only for the original size. You can get from thumbnail size to the original size and you can scroll and zoom. You can search what you want by the thumbnail size and zoom into the original size as you want.
chicago skyview (2400 x 1523 pixels) with full control. TilesImage javascript library has "Control" objects to control the view of the image. See Controls for detail.
Scanning electron microscope image of Nicotiana alata (Jasmine Tobacco) stem cross section (4000 x 4000 pixels). TiledImage use overlay another tiled images and PlaceLayer (which can place any html elements). These function is useful to explain a large picture and to make much interactive contents. See Layers for detail.
Map of old Antwerpen (5500 x 4582 pixels). TiledImage main object has many methods to control the view. You can create your own controls outside of the view.
the javascript is about 18k bytes. And it can deal several images in the same page.
The tiling programs are small perl scripts and some command line tool.
The item 3,4 are already bundled in Windows package.
Download it from sourceforge.
Another template is "photos.html"
TilesImage has many function. Follows introduce the details of the usage.
So called, BSD style license.
Copyright 2013 nazotoko <nazotoko (a+) users.sourceforge.net>, all rights reserved.
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.