This page has a Page Curl Block.

Move your mouse over the waving corner to see the Page Curl unfurl.

Using the Page Curl Block:

First, create 2 images

The teaser image:

teaser.JPG

 

And the Open image

Note: it’s a good idea to use SQUARE images

 

pc1.JPG

In our example

  • the open image is 500 x 500 pixels
  • the teaser image is 100 x 100

On the page curl block, select the teaser and open images

Then set the Options

 

pc2.JPG

Set the Teaser size to the size of the Teaser Image

and the Open Size to the size of the Open Image

 

pc4.JPG


Page Curl Block Tips

Understanding the Page Curl Dimensions

The teaser image and open image have different exposure areas.

 

Teaser Image:

pc5.JPG

 


Open Image:

pc6.JPG

 

 

How to tease by “exposing” the corner of the open image:

To do this nice effect, you have to prepare your teaser image carefully

 

pc7.JPG

 
Output gzip compressed from 36891 bytes Server time in milliseconds: 0.76232 seconds

Powered by HotWax Websites ®

Original code and graphics copyright HotWax CMS Incorporated © 2009-2012. HotWax Websites is a registered trademark of HotWax CMS Incorporated.