Works in modern browsers and IE9+ (no blinds effect in IE9). IE8 users will just see the first image.

Please view the source of this page for HTML markup, CSS and JS.

How it Works

Each slide is made up of 3 container elements, showing the first, middle, and last third of the image side-by-side so that it appears to be a single image. The containers animate in, in turn, and at the same time, the left margin of each image moves across slightly to create the overall blinds effect.