Safari Technology Demos

Back to overview
360°
Best Viewed: Safari on iOS, Mac OS X, Windows

360°

You can deliver interactive 360 degree product views in your web pages, without a plugin. By taking several product snapshots and then assembling them with HTML, CSS, and JavaScript, you can easily create the kinds of rich interactions that users would typically need additional software to experience. And, by integrating DOM touch events, you can optimize for touch-enabled devices like iPad and iPhone.

In this example:

  • Images are positioned with CSS.
  • Images are dynamically loaded with JavaScript.
  • DOM touch events enable dragging on iOS.

Related Resources