Examples

Dual-Orbit Sequence

Tomáš Krivda

    <img src="phone.png" width="200" height="200"
      class="reel"
      id="image"
      data-images="phone/##.png"
      data-footage="10"
      data-cw="true"
      data-orbital="3"
      data-inversed="true"
      data-speed="0.7">

And the annotation marker:

    <div class="reel-annotation"
      id="first_row"
      data-x="180"
      data-y="0"
      data-at="+++-----++"
      data-for="image">
    </div>

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.