All scripts are licenced:
Creative Commons 3.0 -NonCommercial

Valid HTML 4.01 Transitional

Speed: Book Flip

Are You Ready Kids?

I can't hear you.

Aye-Aye Captain!


Who lives in a pineapple under the sea?

Sponge Bob Square Pants!

Absorbent and yellow and pourous is he!

Sponge Bob Square Pants!

If nautical nonsense be something you wish!

Sponge Bob Square Pants!

Then drop on the deck and flop like a fish!

Sponge Bob Square Pants!


Sponge Bob Square Pants

Sponge Bob Square Pants

Sponge Bob Square Pants

Sponge Bob

Square Paaaaannttss!!!

Make a contribution:


Leave instructions
here or
leave it blank.


December 08 2011 - Updated: Totally javascript Book Flip for page turn effects.
Bookflip engine has been totally rebuilt for better modern browser performance(IE8 & 9).
Place any html code within the books pages - div id="pages" (#no longer inside bookflip div). Each code block within the pages div will be treated as a seperate book page. Setting are adjustable in the script. Please read the readme.txt file inside the zip. Download Zip

Bookflip V4.0 Examples

Bookflip 4 example
Bookflip Shrek
Myer Catalog with Lightbox and Image Map

August 11 2008 - Updated: Totally javascript Book Flip for page turn effects.
Sound Manager is the only Flash component courtesy of Scott Schiller (
Ideal for Online story books as a teachers aid or just for fun.
Now has the ability to utilize html within each page and still maintain proper layout.
Place any html code within the books pages - div id="myBook". Each code block within the myBook div will be treated as a seperate page. Setting are adjustable in the script. Download Zip

Bookflip V3.0 Examples

Myer Catalog
Fun with Borders

Free Licence

This Script is wholly developed and owned by : Licenced under Creative Commons - Non Commercial | Legal Code for Non Commercial use.

- You are free to use this script so long as all License Agreement and notice/s stays intact in its entirety.
- You are free to use this script so long as a link back to stays intact and remains visible.
- You are NOT Permitted to claim this script as your own or use this script for commercial purposes without the express permission of!
- Commercial Purposes is defined as profiting directly from the script, eg. profiting directly from the functionality of the script. eg a catalog type enterprise or advertising that utilises the script.
- If you wish to remove License Agreement notices and link back(contact for more info).
- Full credit to Scott Schiller ( for soundManager.


DJ: Old comments were removed due to some issues. Please feel free to share your thoughts or questions.
(29.06.2013, 03:24)

Rodrigo Martinez: Hi there.

My name is Rodrigo Marti­nez and I want to insert in my webpage your JS BookFlip. My webpage is about News of Soccer in my country. (Chile)
I want to add Google Banners but in IE i have problems.

I opened your example page in IE and the same problems happens.
Can you help me. ?

I want to ask you too if you leave me use your bookflip.

(20.07.2013, 21:10)

usa: My sister saved this blog for me and I have been reading through it for the past couple hours. This is really going to help me and my classmates for our class project. By the way, I enjoy the way you write.
(23.08.2013, 01:42)

christian: Howdy, an awesome info buddy. Great Share. However I am experiencing trouble with the RSS . Unable to subscribe. So anyone else having same RSS trouble? Anybody who can help kindly respond. Thanks in advance
(23.08.2013, 23:52)

airjordan: Some suggestions about Society are as follows.
(28.08.2013, 07:30)

usaok: This is the perfect blog for anyone who wants to know about this topic. You know so much its almost hard to argue with you (not that I really would wantHaHa). You definitely put a new spin on a subject thats been written about for years. Great stuff, just great!
(31.08.2013, 08:01)

lydia han: Hi,

Thank you for the great template!
I am wondering if it is possible to make the book flip responsive only CSS styling?

Thank you
(01.11.2013, 05:58)

dj: hi Lydia, not sure what you mean by responsive only CSS styling?
(01.11.2013, 07:57)

tiffany: I've gone ahead and added a link back to your webpage from one of my clients requesting it. I have used your web site URL: and blog title: thanks.
(05.11.2013, 23:02)

boots: Hello there! Geat articles to site owners. It's a win win situation! Thanks!
(06.11.2013, 05:19)

yunrongjewelry: Hello this is somewhat of off topic but I was wanting to know if blogs use WYSIWYG editors or if you have to manually code with HTML. I'm starting a blog soon but have no coding expertise so I wanted to get guidance from someone with experience. Any help would be greatly appreciated!
(27.11.2013, 18:46)

Forester: Is it possible to make the script mobile friendly? How to make the containing div responsive to the screen resolution - pWidth to be in % but not in px? Or if the resolution is < XXX px to display 1 page at a time...
(14.12.2013, 04:26)

Steve: @Forester, the script works fine on mobiles however trying to size a book 100% is problematic. You could try wrapping the bookflip div in another div set to 100% but the varied screen resolutions out there and change of orientation means it wont always fit full screen. Luckily most smart phones screens have pinch and zoom allowing resize.
(14.12.2013, 06:07)

John: Hello there i have a question...
A social club in germany which holds several events for older woman (45+) wants a website which is held like a book most likely..
Now my question is, can i use your script to help them build up their website?
As far as i know, they dont make money with it its just for them to keep their friendship alive.
Would it be free according to this or not?
Please send me an E-Mail as fast as you can, since they'd like their website up pretty soon. :) greetings
(15.05.2014, 13:41)

Steve: Hi John. The Licence terms are stated further up the page. So long as all the copywrite notices within the script are maintained AND you provide a link back to this page from any book it is free.
(16.05.2014, 19:47)

Paul: I want the pages to start turning without the user clicking on it.
How can do this?
(21.05.2014, 13:05)

John: Hi Steve. So the link back to the page can be in that comment line and doesnt have to be as a <a href> in the page visible for visitors... cuz i just left the link that is provided in the comment so far ... but if i have to set a <a href> to this page i will do it.
(27.05.2014, 03:41)

Steve: Hi John, yes a visible hyperlink (href) back is required in addition to comments in the source files. If you prefer to remove the links then then licence covers that. It's not so much a licence but a contribution. Cheers.
(27.05.2014, 06:51)

Ariel: It's second time that I write here. I am asking you, please let me know how can I determine that the book will start from LEFT TO RIGHT insted RIGHT TO LEFT like now. I go over the all codes I tried to change the "starting page" and nothing happened - I AM ASKING FOR HELP! please..
(06.06.2014, 06:49)

Steve: @Ariel. Begin your book by loading as normal then call the javascript function that navigates to specipfic pages by specifying the last page number in the function call. The book will then display opened at last page first.
(07.06.2014, 19:38)

Ravi Kumar: its good to see
(12.08.2014, 23:58)

Albert: Since my question was removed I imagine the answer is no it is not possible to load the pages using JSON or some kind of dynamic or async method?
(06.09.2014, 10:51)

Steve: @Albert. Sorry didn't see your question. Yes it is certainly possibily to load pages asynicrously however there is no blanket solution I can provide. One of the issues is ensuring the pages loaded into the browser ahead of a page turn and this can get very difficult to maintain cross browsers.
(09.09.2014, 06:02)

Anj: Hello. please allow me to download your template. badly neede. thanks..
(11.09.2014, 17:14)

Christopher Caine: Hey!
Absolute great script!
But how can i use an shadow also on the right side?
(22.09.2014, 04:54)

odiham: Impressive site. A lot of beneficial facts right here. We are giving that to some buddies ans additionally expressing in tasty. And also by natural means, thank you on your hard work!
(05.10.2014, 08:02)

paris: Heya i am just at last the following. I stumbled upon this board and i also discover it definitely valuable and also the item helped me out there very much. Hopefully to supply a thing as well as assist other individuals like you helped me.
(13.10.2014, 09:24)

Anonym: I possess study the right items the following. Surely well worth bookmarking regarding revisiting. My partner and i ponder the amount work you set to create this type of spectacular helpful internet site.
(19.10.2014, 19:45)

trying: I can't put 2 different books on the same website. The second one doesn't work. Any suggestions?
(14.11.2014, 02:57)

Steve: A website can have multiple books however one book per webpage without customizations. An alternative for multiple bookflips on the same page is to use iframes.
(14.11.2014, 12:56)

trying: Thank you Steve. I want to add different buttons on top of a webpage and by clicking each button, a new book had to show up beneath the button row. I don't know if that is possible with the existing bookflip or modifications are required for that. Maybe using iframes is the (only) way to go.
(15.11.2014, 03:19)

Retrotek: The dropdown <select> is nice.
I am trying to make the second page of the book a table of contents. I have each page title in a hover TABLE on the second page. I can't figure out how to make a url that when clicked will turn to that page in the book.
(21.08.2015, 18:18)

Forester: Is there a way the script to "grab" automatically all the image files in a folder, so when a new image is added not to have to add it manually.
(14.09.2015, 02:44)

Steve: Yes you could do that with a programming language like php and build the javascript code programatically.
(13.11.2015, 14:32)

Rizora: Dear can we make table of contents.... plz reply soon.
(27.11.2015, 10:00)

Dante: So if I want to use the library for comercial sites, how do I do it?
(10.02.2016, 12:16)

Karotçu: Thanks for your informations
(12.02.2016, 20:21)

Steve: @Dante, you may use the script for commercial use however all copywrite notice's must remain unaltered and a visible link back to this website must be present for each and every flip book.
(13.02.2016, 05:26) It great that you are getting ideas from this paragraph Book Flip - JavaScript only. as well as from our argument made at this time.
(26.05.2016, 04:27) What a nice YouTube video it is! Awesome, I liked it, and I am sharing this YouTube film with all my friends Book Flip - JavaScript only. .
(26.05.2016, 04:27) Hello to all, the YouTube video that Book Flip - JavaScript only. is posted at at this juncture has truly pleasant quality beside with nice audio feature
(26.05.2016, 06:50) Excellent, what a blog it is! This website Book Flip - JavaScript only. presents valuable information to us, keep it up.
(26.05.2016, 12:02) This paragraph Book Flip - JavaScript only. is related to website programming is in fact nice for me because I am web developer. Thanks for sharing keep it up.
(26.05.2016, 12:02) What's up to every body, it my first pay a visit of this web site; this webpage Book Flip - JavaScript only. includes remarkable and really good data for readers.
(26.05.2016, 15:44)

Your comment:

E-mail or homepage:
Enter Turning Number: