O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Orbit

Orbit is a slide presentation plugin. By default, images are displayed one at a time, advancing automatically after a predetermined period. A user can stop and restart the presentation, click forward or backward, or go directly to a specific slide. It displays the slide number and count, and it displays a caption if provided.

While intended for images, Orbit can display any type of content (you can even use text). Orbit is similar to a PowerPoint presentation.

Here is the basic setup:

<ul data-orbit>
  <li><img src="./images/prep.jpg" /></li>
  <li><img src="./images/start.jpg" /></li>
  <li><img src="./images/cooked.jpg" /></li>
  <li><img src="./images/trek.jpg" /></li>
</ul>

That's it! We have an unordered list with the data-orbit attribute and content ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required