Articles

Links

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!

OHHHHHHH

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!

Ready?

Sponge Bob Square Pants




Sponge Bob Square Pants

Sponge Bob Square Pants

Sponge Bob

Square Paaaaannttss!!!

Make a contribution:











Copywrite: http://coastworx.com


Leave instructions
here or
leave it blank.


Description

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 (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 Examples

Myer Catalog
Fun with Borders
Gratitude

Free Licence

This 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.
- You are free to use this script so long as a link back to coastworx.com 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 CoastWorx.com!
- 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 (schillmania.com) for soundManager.

Comments

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.


Thanks.
(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
Lydia
(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)

Will: @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
John
(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)

http://hugger.italy2you.com: http://fulfil.foroarcosur.comhttp://fulfil.foroarcosur.com
(28.08.2014, 02:45)

http://arredamentiaversana.it/?id=294: Cadeaux Assistant Manager
(28.08.2014, 06:34)

http://carpal.gsi38.com: http://clique.theifware.comhttp://clique.theifware.com
(28.08.2014, 14:55)

http://horned.aurumauktioner.com: http://brooms.krollsearch.comhttp://brooms.krollsearch.com
(29.08.2014, 18:45)

http://roomie.spokanenbc.com: http://tufted.liquid-club.comhttp://tufted.liquid-club.com
(30.08.2014, 20:46)

Your comment:

Name:
E-mail or homepage:
Enter Turning Number: