Skip to content

Double pages in turn.js

blasten edited this page Feb 9, 2012 · 5 revisions

There are two cases where you might need to add double pages:

1. The pages are static images

The solution is CSS Sprites, for example:

Let's say, pages 2 and 3 are only one double page:

.p2{ background-image:url(double-page.jpg); background-position:0% 0%; }

.p3{ background-image:url(double-page.jpg); background-position:-50% 0%; }

2. Using only HTML:

The solution is even more simple, just separate the HTML in two part.

Clone this wiki locally