NextLook Tutorial

This tutorial will show you how to include NextLook images and/or slideshows in your own HTML pages. We are going to assume that you are comfortable with HTML, CSS and JavaScript.

Slideshows and static images serve very different purposes. High resolution static images allow your users to examine the subject in much more detail but high resolution slideshows leave you in control in the sense that you can decide which parts of an image you want to draw their attention to. Both have their uses.

If you want to work with your own images then you'll first need to upload them to NextLook. When you upload an image file to NextLook and after the NextLook servers have finished processing the image, you can find the image ID on the "Image Info" tab. You need this image ID in order to use the image in your own HTML pages.

Image Info

If you don't have an account or haven't uploaded any images yet then feel free to use our sample images.

We have organized this into two separate tutorials. One for slideshows and one for static images. The static images tutorial is longer and explains some of the more technical aspects of the programming interface at greater length. The slideshow tutorial by contrast is just a single example followed by some reference material. Neither is a prerequisite for the other.

Slideshow Tutorial
Static Image Tutorial