Lightweight CSS Flip Catalog with 3D Transforms
- PHP4+
- SASS & Compass
For image processing GD support is required.
- Clone the repository
- Replace the
example
images in the/process/
directory with images of your choice - ensure they are numbered according to the page they are on, starting with 1 - Modify
index.php
andprocessImages.php
, replacing the$pageWidth
,$pageHeight
,$fullWidth
&$fullHeight
variables with the dimensions you need your flipbook to be. Also replace the$maxPages
variable with the amount of pages in your flipbook. - Run
php processImages.php
. You should now have processed images ready to go in the/images/
directory. - Modify the styles in
css/sass/
to your liking and compile them with SASS - Done!