PanoramAh
PanoramAh is a jQuery plugin that lets you present easy to scroll panorama images on your web page.
Usage
- Include jQuery
- Include PanoramAh
- Set up the div's with a rel tag equal to "[image-size]:[image-path]"
- 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!