The immersive experience!

Home
   News
      Backgrounders
Panorado 4.0
   Panorado JS 2.1
      Panorado Flyer 1.2
Gallery
   Links
      Contact/Impressum
   

What is Panorado JS?

panorado JS enables you to design websites and web applications 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)

What is unique about this viewer?

  • 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. Hotspots are represented by small symbols which are optionally displayed above the image, providing a textual description when the mouse is above it, and linking to another page when clicked.
  • New in version 2.1: The viewer supports touch control on tablets and smartphones - as far as this is supported correctly by the respective browsers.
  • 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, specially if you are a little familiar with HTML and JavaScript coding! See the Tech page for details.

Some examples?

Panoramic pictures can contribute to:

  • Touristic websites: Hotels, apartments, touristic facilities
  • Real estate websites
  • Websites of museums, art galleries, and image archives
  • Documentation of industrial sites
  • Maps of all kinds
  • Virtual tours, using the viewer's hotspot option

Maybe you have some other ideas?


^ Touristic page with integrated viewer

Which system environment is required?

You certainly need a web browser for displaying HTML pages. Panorado JS requires some HTML5 features which are supported by the current browser implementations.

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

Thus, it runs on all popular browsers and on all popular platforms!

We regularly test 14 different OS/browser configurations. Currently, we get best results with these configurations:

  • Windows (desktop & tablet) with Firefox 26, MSIE 10/11, Opera 18, Chrome 32
  • Android with Firefox 26, Chrome 31

Since HTML5 features are relatively new, canvas and touch event implementations differ significantly between browsers.

Generally, browsers on Windows platforms are quite stable and fast, while some Android based browsers still behave like betas.

Meanwhile, most browsers support hardware graphics with WebGL.

There are still significant differences in touch and device orientation handling on tablet and smartphone devices.

We expect further development in the near future.

You want to try the viewer?

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 45 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!

You want a panorama on your private website?

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:

<a href="http://www.panorado.com" target="_blank">Panorado image viewers...</a>
<a href="http://www.panorado.com" target="_blank"> <img src="http://www.panorado.com/Download/PanoradoJsLogo.gif" title="Panorado image viewers..." style="border:none"></a>

Download product logo

You are considering a commercial application?

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 for example to corporations, shops, advertising, enterprises, organisations, schools, universities. We summarize this as "commercial".

Click here for details on licensing and online ordering.

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? You are interested in a special agreement for a non-profit organisation?

Please don't hesitate to contact us!