Panorado JS 1.0 New!

panorado JS enables you to design websites with interactive panoramic pictures or other kinds of large pictures.

	A picture tells more than a thousand words - this also applies to websites. And a panoramic picture tells more than an "ordinary" picture. Panoramic pictures are a means to present locations in 3 dimensions - and thus adding attraction to your website.
	< Internet gallery with a popup viewer (www.wag-berlin.de)

• The panorado JS viewer makes a large image visible within a smaller window. You can use your mouse or your keyboard to move the visible portion.
• For zooming in and out, you can use the mouse wheel or the keyboard.
• The viewer has a very appealing, smooth appearance, using SoftStart, SoftPan, SoftZoom, and SoftFading effects.
• Source images can be in JPEG, GIF, or PNG format.
• Control buttons for the most important functions can be overlaid automatically.
• Alternatively, you can create customized controls outside the viewer using HTML elements.
• Optional: A compass scale on the lower edge of the image.
• There are 2 projection modes available now, for different purposes:
  fast - flat rendering with unprecedented fast and smooth movementes even on large area viewers
  spherical - spherical rendering of panoramic images.
  
• The viewer supports Hotspots. A hotspot is represented by a small symbol which on demand pops up above the image, provides a textual description when the mouse is above it, and links to another page when clicked.
• Integrating the viewer: The viewer is represented by a HTML5 <canvas> element with supplementing JavaScript code from an external script file.
  There are lots of programming options for controlling the viewer, specailly if you are a little familiar with HTML and JavaScript coding!
  See the tech page for details.

Panoramic pictures can contribute to:

Touristic websites: Hotels, appartments, touristic facilities Real estate websites Websites of museums, art galleries, and image archives Displaying maps of all kinds Large virtual tours, using the viewer's hotspot option Interactive CD and DVD productions Maybe you have some other ideas?

^ Touristic page with integrated viewer

For displaying HTML pages you certainly need a web browser. Panorado JS requires the current HTML5 standard.

But absolutely no plugins or add-ons: No Flash, no Java, no Silverlight, no WebGL!

Thus, it runs on all the popular browsers and on all popular platforms!
Namely on MS Internet Explorer (v.9+), Firefox, Opera, Chrome, and Safari.
(The performance of the current MSIE and Firefox turned out to be very good, Opera still good, the rest really needs some improvement.)

Panorado JS makes use of the so-called 2D Context of the HTML Canvas element, whereas other HTML5 based panorama viewers rely on experimental 3D contexts of some browsers using WebGL. This technique allows a remarkable performance for rendering cubic panoramas. On the other hand, there are hints for security issues of WebGL because it enables code loaded directly from the internet to access graphics hardware. That's why Microsoft rejects this kind of browser implementation ("WebGL Considered Harmful").

The 2D implementation used by Panorado JS is generally considered to be safe, and it's available on all platforms.

You have to perform these steps:

• Take pictures. You can use an ordinary digital camera, if you take care of some details. Click here for more about it.
• Assemble single pictures to form a panoramic picture ("Stitching").
  There is special stitching software; see the details in the background article. You'll find short descriptions of stitching tools and links to manufacturers on the Links page.
• 
  Download Panorado JS.
  Simply click here and save the little JavaScript file (Panorado_min.js, about 27 kb) to your destination folder.
  
• Write and test the HTML frame. On the Tech page, you'll find two HTML code examples from which you can copy-and-paste to your own HTML page.
  With some HTML knowledge in mind you can certaily modify and extend the code according to your needs.
• Upload all components.
  Copy the HTML document, the image file(s), and the Panorado JS script to your web server, test again. Your're done now!

The use of this viewer is free on private (non-profit) websites!

Please place the panorado logo or a text link next to it, referring to our website. You are encouraged to copy-and-paste one of the code snippets below:

Download product logo

You have some special requirements?

Questions?

You need development support?

You are planning to use a panorama viewer as a part of a complex web server application backed by a database?
Please don't hesitate to contact us!

The use of the panorado JS script is free on private non-profit websites.
The use on all other kinds of websites or publications requires a license agreement as soon as the pages containing the viewer are published. This applies i. e. to corporations, shops, advertising, enterprises, organisations, schools, universities. We summarize this as "commercial".

Please contact us if you are interested in a special agreement for a non-profit organisation.