the roller of this html page is a simple JavaScript code, one of my first ones. Click on the arrows in orange to make the page slide out and the next page to slide in. Pages rolled are div -s in the page source html with id like scrolldiv1, scrolldiv2, scrolldiv3 etc.

>The simple div roller

A simple picture gallery with overlapping thumbnail pictures. Pull the mouse over the thumbnail to make the thumbnail come in to the foreground, click on it to open the picture in full-screen and click again to close. It does not work in IE6.

> The overlapping gallery

A picture gallery with sliding effect. Click on the page to open the picture in full-screen mode. Click again to close it.

You may set parameters like page width, height, smoothness of animation, time to show the picture.

> The slide gallery

A picture gallery with rotating wheel effect. Click on the page to open the picture in full-screen mode. Click again to close it.

You may set parameters like page width, height, speed, effect of depth, radius etc. Please note that this code is CPU intensive so do not use it to show big pictures. A number of 5-10 pics with size 600x400 is reasonable, going to bigger sizes may overload the client's CPU.

> The wheel gallery

A picture gallery with preview pictures in a scrolling bar. Pull the mouse over the arrow to start scrolling. Click on the arrows to scroll quicker. Click to open the picture in full-screen mode. Click again to close it. You may set parameters like page width, height, speed, moothness.

> The scrolling gallery