Freebie Flipbook / Turn.js

Hello everyone,

I wanted to create a flipbook interaction for storyline, so I started browsing the web and came across this website (www.turnjs.com).

I decided to try taking one of the examples and inserting it as a web object. Through some tinkering and a little bit of javascript, I was able to get the Articulate Player next and previous buttons to turn the pages. Here is the project.

6 Replies
Russell Killips

Hello Katie,

I have had problems getting it to run locally using Google Chrome. The Web Object gets blocked.
I suggest viewing it using IE or Firefox. I have also uploaded a published example to our company website.

http://www.knowledgeconstruction.com/turnjs/story.html

http://www.knowledgeconstruction.com/turnjs/story_html5.html

 

Neil Stadlman

I've always been intrigued with flipbook concept but  they have always been difficult to deploy in certain environments.  Never thought about incorporating into Storyline and now the ideas are flowing again.   Thanks for sharing.  Note:  I found  publishing the demo provides a working example.