A jQuery Photo Panorama Plugin
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
README.md
jquery.panoramah.js
jquery.panoramah.min.js

README.md

PanoramAh

PanoramAh is a jQuery plugin that lets you present easy to scroll panorama images on your web page.

Usage

  1. Include jQuery
  2. Include PanoramAh
  3. Set up the div's with a rel tag equal to "[image-size]:[image-path]"
  4. Panoramize those div's

PanoramAh also supports vertical panorama's, just pass the orientation option as 'vertical' and use the image height as the image size in the div.

Example

<html>
  <head>
    <title>Colorado Panorama - Small</title>
    <script src="jquery.min.js" type="text/javascript"></script>
    <script src="jquery.panoramah.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(
        function () {
          $( '.panorama' ).panoramah();
          $( '.panorama-vertical' ).panoramah( { 'orientation': 'vertical' } );
        }
      );
    </script>
  </head>
  <body>
    <div class="panorama"
        rel="4201:Panorama-Cropped.sm.jpg"
        style="height: 500px; width: 100%; border: 1px solid #444;">
      Loading...
    </div>
			<div class="panorama-vertical"
        rel="4201:Panorama-Vertical.sm.jpg"
        style="height: 500px; width: 500px; border: 1px solid #444;">
      Loading...
    </div>
  </body>
</html>

Demo

Stunning Colorado Vista - http://static.velvetcache.org/pages/2010/08/25/panoramah-version-two/

License

PanoramAh is MIT Licensed - Have Fun!