Speed: Book Flip
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 ExamplesBookflip 4 example
Myer Catalog with Lightbox and Image Map
Sound Manager is the only Flash component courtesy of Scott Schiller (schillmania.com).
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 ExamplesMyer Catalog
Fun with Borders
Free LicenceThis Script is wholly developed and owned by CoastWorx.com : http://wwww.coastworx.com/ 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.
DJ: Old comments were removed due to some issues. Please feel free to share your thoughts or questions.
Rodrigo Martinez: Hi there.
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.
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
airjordan: Some suggestions about Society are as follows.
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!
lydia han: Hi,
dj: hi Lydia, not sure what you mean by responsive only CSS styling?
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.
boots: Hello there! Geat articles to site owners. It's a win win situation! Thanks!
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!
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...
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.
John: Hello there i have a question...
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.
Paul: I want the pages to start turning without the user clicking on it.
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.
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.
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..
Ravi Kumar: its good to see
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?
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.
Anj: Hello. please allow me to download your template. badly neede. thanks..
Christopher Caine: Hey!
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!
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.
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.
trying: I can't put 2 different books on the same website. The second one doesn't work. Any suggestions?
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.
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.
Retrotek: The dropdown <select> is nice.