Inside Technique : Animated Page Sets
By Scott Isaacs

We continue our series of articles on using CSS positioning to create cross-browser "paged" views. In this article, we created a small cross-browser library that allows you to create animated overlapping paged documents.

We designed this library to be very easy to use. First, you author the pages by containing them inside of DIV elements, and second you call the library and tell it to create a pageList object. With the pageList object, you can quickly switch pages. Each page switch can include an optional animation for both the exiting and the entering page. Try out a simple demonstration^{IE4, NS4}.

This technique is designed to run in both Internet Explorer 4.0 and Netscape Navigator 4.0. This library allows the generic creation of page groups using CSS. Unfortunately, while we were able to make this run in Internet Explorer 4.0, we encountered a few issues when creating the cross-browser version. Therefore, in this article we first present the intended spec'ed way of using the library which only works in Internet Explorer 4.0, and the generic way to apply this library to both browsers.

© 1997-2000 InsideDHTML.com, LLC. All rights reserved.