Examples

Orientable Stitched Panorama

You can rotate this panorama with your gyroscope sensor on a compatible device.

Henning Leweke (cc)

Moro Rock Lookout 1 Way Rd, Giant Sequoia National Park, CA Panther Peak Mount Silliman Castle Rocks Moro Rock Ash Peaks Ridge Milk Ranch Peak
    <img src="outlook.jpg" width="590" height="150"
      class="reel"
      id="image"
      data-image="outlook-reel.jpg"
      data-stitched="1652"
      data-orientable="true">

And the many annotations:

    <span class="reel-annotation headline"
      id="headline"
      data-x="160"
      data-y="50"
      data-for="image">
      Moro Rock Lookout
    </span>
    
    <a class="reel-annotation title"
      href="https://maps.google.com/maps?ll=36.543225,-118.764481..."
      id="title"
      data-x="160"
      data-y="86"
      data-for="image">
      1 Way Rd, Giant Sequoia National Park, CA
    </a>
    
    <a class="reel-annotation"
      href="http://www.mapquest.com/maps?name=Panther%20Peak..."
      id="panther_peak"
      data-x="260"
      data-y="3"
      data-for="image">
      Panther Peak
    </a>
    
    <a class="reel-annotation title"
      href="http://www.panoramio.com/photo/52847295"
      id="mount_silliman"
      data-x="400"
      data-y="2"
      data-for="image">
      Mount Silliman
    </a>
    
    <span class="reel-annotation far"
      id="castle_rocks"
      data-x="700"
      data-y="9"
      data-for="image">
      Castle Rocks
    </span>
    
    <a class="reel-annotation near"
      href="http://commons.wikimedia.org/wiki/File:Panorama..."
      id="moro_rock"
      data-x="795"
      data-y="60"
      data-for="image">
      Moro Rock
    </a>
    
    <span class="reel-annotation"
      id="ash_peaks_ridge"
      data-x="1250"
      data-y="40"
      data-for="image">
      Ash Peaks Ridge
    </span>
    
    <a class="reel-annotation"
      href="http://travelingluck.com/North%20America/United..."
      id="milk_ranch_peak"
      data-x="970"
      data-y="30"
      data-for="image">
      Milk Ranch Peak
    </a>

Some text ballast to make the page positively scroll-worthy for testing purposes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum semper imperdiet. Integer non auctor orci. Nullam dictum pretium metus, interdum congue sapien lobortis in. Donec sed massa a tellus dapibus auctor et in mauris. Curabitur adipiscing fermentum felis vel molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut semper sem ut nulla fringilla luctus. Curabitur dignissim quam ac libero consequat tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In hac habitasse platea dictumst. Nunc sed lectus eget magna suscipit tempor eget id nibh.