Javascript enhancements

PanoJS is an open-source image viewer based on 256x256 JPG tiles. It is zoomable and highly scalable to very large images, with tiles created for each zoom level. It is written in Javascript.

PanoJS currently requires all the tiles to be located in a single directory on the web server. But as the overall images become larger and the zoom levels increase, the number of tiles becomes difficult to manage, and there is possibly performance hit.

This project is to modify the Javascript so that a more hierarchical file structure can be operated.

I require:

1. A separate directory for each zoom level, numbered 0 to n, where 0 is maximum zoom;

2. Within each zoom level directory, the ability to create zero-to-many subdirectories, with the tiles files logically distributed.

There is a demo website attached, which you should install on a local host. The demo is a map with six zoom levels, made up of 620 files. Launch it via PanoJS.html.

The tiles are named as follows: [url removed, login to view]

Example: [url removed, login to view]

The tiles are in the /demo directory

The path is set within [url removed, login to view] when constructing the viewer.

After you have made the required changes, the tiles should be located as follows:






The zoom-level 0 files should be further subdivided as follows:




It should be configurable which zoom-directories are subdivided.

The file format cannot be changed, but you can specify rules for the prefix if you wish. Otherwise it can be any value.

I did not write PanoJS and my Javascript skills are not strong enough to provide much technical support, but I'll answer any questions about requirements. You are welcome to propose alternative solutions, so long as PanoJS is retained. You should explain in detail the changes made, so that I can generate the tiles correctly.

Installing the demo should be easy. I use Apache on a Windows 7 PC.

I tend to like bidders who make a start on the work before bidding is complete, so they really understand what is involved.

Update: Attachment problem: the 58Mb demo I uploaded doesn't seem to have been attached. I'm investigating.

Update 2: I've attached a small file without the demo tiles. This is Tiles to follow.

Update 3: A Dropbox link to the full demo is here:

Also, I've corrected the following section:

"After you have made the required changes, the tiles should be located as follows:


Update 4: Sorry everyone. I must close this project. Unfortunately, I am now in dispute with over a debt of GBP2. I do indeed owe GBP2 but they have undermined the bidding on this project by suspending the shawmat account midway through the process because it has been due for 35 days. You might have thought employers who have spent as much as I have would be respected more.

Skills: Javascript

See more: panojs, web server in javascript, maximum path, make enhancements, increase web hit, explain javascript, what is javascript, javascript what is, apache tiles, increase value of project, tiles images, apache large file, apache javascript, zoom zoom html, set project server 2013, image tile, tile map server, tile server, javascript support, map tile server, structure javascript project, html map jpg, server set windows server 2013, file directory viewer, image tile server

About the Employer:
( 2 reviews ) Maidenhead, United Kingdom

Project ID: #4141610

3 freelancers are bidding on average £203 for this job


JavaScript guru here. Can modify it according to your spec.

£250 GBP in 5 days
(36 Reviews)

Quality work

£250 GBP in 5 days
(18 Reviews)

Hi there Working with graphics is my passion, so I'd really enjoy this project. I've done similar work before, ie working with different images in cascaded folders for different resolutions, and have no issues worki More

£160 GBP in 3 days
(2 Reviews)

Sir, Allow us to do this honor for you. We did not found any attachment. regards iScripters

£200 GBP in 5 days
(0 Reviews)