Getting started: This example demonstrates how to incorporate a single viewer in a web page showing a piece of static content. This is the starting point for using the Seadragon Ajax Library.

Switching images: The next step after adding a viewer, this adds the ability to switch images in and out of an open viewer. After reading this, you should be able to build a gallery of zooming images.

Coordinate system: In Seadragon Ajax, we use a flavor of coordinate system similar to Silverlight, one where the viewport moves instead of the image. This page explains that normalized system as well as how to convert it into screen coordinates (pixels).

Subscribing to events: The focus here is to better understand what's going on when working with Seadragon Ajax. The code demonstrates how to add listeners to the different events that occur when interacting with the API.

Adding overlays: Here we provide a method for adding overlays, or "hot spots" in your image. This can showcase specific areas of interest to your viewers and create a well-guided experience.

Adding custom controls: We provide a basic set of navigation buttons, but if you want your viewer to have additional controls, this example is a great place to start.