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

• Safari HTML Reference
• Safari CSS Reference
• Safari Web Content Guide: Handling Events
• Safari DOM Extensions Reference
• SlideMe