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.
Hi Russell! Thanks so much for popping in to share that with the community.
You are welcome to add 'demo' or 'freebie' perhaps to your title so that users will know you have offered an example here vs looking for assistance with something.
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.
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.
6 Replies
Hi Russell! Thanks so much for popping in to share that with the community.
You are welcome to add 'demo' or 'freebie' perhaps to your title so that users will know you have offered an example here vs looking for assistance with something.
Oh, and welcome to E-Learning Heroes!
Nice job Russell.
I usually don't like the click and drag interaction of flipbooks using a mouse, the buttons work great here!
Hmmm...This interaction looks really neat, but I'm unable to view the demo. Any tips?
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
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.
Thank you!
This discussion is closed. You can start a new discussion or contact Articulate Support.