Close
Picture of Image Slider with Flip Book Navigation

Image Slider with Flip Book Navigation

posted by DnnZone - 06/29/2013
$19.00
$37.00
$48.00
If you face any issue in accessing the demo of the module, please contact us at [email protected]. Thanks.
All DnnZone's Modules are supported on DNN 4, 5, 6, & 7 platforms.
We have revised our upgrade policy - you will get life time free upgrades for all of our modules.
For demo/trial versions of our products, please contact us at [email protected]
At DnnZone, we also provide custom development services for your needs. We will try to provide quality services at better rates.
You can contact us at [email protected]
 
A jQuery based DNN module that will create a booklet-like component that let's you navigate through its items by flipping the pages.

You can add images to this module and it will display images with flip-book transitions. Light-box gallery support is also available with this module.

This module is built using Java-script, HTML and CSS3 only. No Flash is used. 

Note: Please note, this module requires jQuery 1.7 or higher, please make sure that either your portal has the latest version or you turn on the Include jQuery check-box from module settings page for the first module.

View module in action
View blog post on how to install and use this module
  • DNN 04.xx.xx
  • DNN 05.xx.xx
  • DNN 06.xx.xx
  • DNN 07.xx.xx
Details about available module settings
This module supports multiple instances on the same page.

You can review the product terms and license details here.

Module Configuration/Settings:

You can customize the settings for this module, including:

  • Randomize Images
  • Navigation Type
    • None
    • Bullets
    • Arrows (Next & Previous)
    • Arrows (Next, Previous, First & Last)
  • Circular
  • Auto Play
  • Auto Play Delay
  • Image Dimension
    • Width
    • Height

Browser Support:

Live Demo:

You can access live demo here


Following screenshots describe the functionality of this module:

Module Settings Page:

 Module Settings

Manage Images:

Manage Images

Add Image

Image Flip Book - View:

Image Flip Book - View

Image Flip Book - Fliping View: 

Image Flip Book - Fliping View