Newest Articles

8 Ball Pool
Photo Reel
Image Color Tinting using Actionscript
3d Rotating Image Cube
Image Slider with Easing
Catapult Game


Popular Articles

True Fullscreen Flash Mode
8 Ball Pool
FLV Player
Image Slider
Mp3 Player with XML Playlist
Album Slide


Random Articles

Falling Snowflakes
Krypto Movie Quotes
Image Slider
Image Color Tinting using Actionscript
12 Hour Clock with Hands
Mp3 Player with XML Playlist


Links

Foundation-Flash
Tutorial4Me
MickM
TutorialQuest
Tutorialsphere.com - Free Online Tutorials
Newgrounds
TWiT
Link to SwfSpot
Swf Spot



rss feed

Page Flipper

Page Flipper
AddThis Social Bookmark Button
Description: Display a website in a magazine form with pages that flip.
Author: John Bezanis
Added: February 19th 2007
Version: Flash 8
Total Views: 37559
Views in the Past 7 Days: 299


Pages are flipped by clicking and dragging the bottom corners of the book. On mouse release, the page continues to follow the half of the book that mouse was released on. Pages are added, edited, and removed by opening up the symbol "page" and making changes there. Each page is a seperate frame. The included fla uses a blank first and last page to give the appearance of having a magazine cover. Pages can have animated symbols and images.

The source file is available below for download.
Download Source File
Questions and Suggestions
Really like the preview, have recently upgraded to Flash MX and it seems the source File isn't working? Anyone help? Thanks! Russell, Scotland, UK
March 20th 2007 19:03PM   -   Russell
how to change the size of the page
March 21st 2007 02:03AM   -   siljancd
To scale the size of the book, select the invisible book in the main level, then right click and hit free transform. Hold the shift key to maintain the proportions. Russell - The articles on this site are written using Flash 8. You'll need Flash 8 or above to open the Fla's.
March 21st 2007 06:03AM   -   John
Hi John, Thanks, as you can tell I am new to Flash, I just upgraded to Flash 2004 so I could use flash player 5.0, I know a bit behind the times, but slow and steady wins the race. How much is this next upgrade going to cost me? Know anywhere I can get a cheap licence? Thanks, Russell.
March 21st 2007 10:03AM   -   Russell
You could always pick it up off of ebay, just make sure the seller is reputable. They also give a nice discount to students.
March 21st 2007 12:03PM   -   John
Great resource ... thanks ... is there any way in which we can allow the user to flip the page from the top right corner also?
April 3rd 2007 00:04AM   -   Devatanu
Great flipper--I'm a student trying to use it in a presentation. Is there a way I can add flash action to a page. E.g., a picture fading in. I've tried all the ways I know and failed miserably. Perhaps it's too advanced. Thanks
April 4th 2007 16:04PM   -   marg
Maybach - You need Flash 8. Marg - I've added an example on page 3 to show how to have dynamic content on a page. Basically, just draw something and convert it to a symbol. Here's some code to have that symbol animate only when the page has finished flipping: onClipEvent(enterFrame){ if(_level0.book.changingpage){ gotoAndStop(1); }else{ play(); } } Devatanu - I'll add in top corner flippers soon.
April 6th 2007 07:04AM   -   John
How is possible normaly resize page... if i want page hi 500pix and wi900 pix , i change it in first frame... but inside all pages are 175 x 250 .. in flash i see one size but in swf it is diferent... where is actinscript code inside...?
April 7th 2007 15:04PM   -   jaxter
Can anyone try to explain or comments the code?
April 9th 2007 10:04AM   -   Zakime
I try to change the size into a square page, but everything turns into a blob... everypage went very big, i changed some pages with bitmap jpeg images. i try to make a 500x500 book from it, wht do i need to change more? (this is really nice) greetz
April 16th 2007 13:04PM   -   servo
Hey John, this is great work here...I was just wondering if there is a way to be able to click a link (movieclip) and have the pages flip themselves to that page. Hope that made sense
April 16th 2007 21:04PM   -   Laura
Thanks for the suggestion Laura. I'll have to add in that feature.
April 18th 2007 08:04AM   -   John
Hi, Amazing bit of scripting, I have adapted it so that each page loads an external picture file with the loadVars() object however, there is a nasty flicker each time the page is turned. I know this has something to do with conflicting depths but I have been unable to correct it. I was wondering if you could suggest anything?
April 18th 2007 13:04PM   -   Ben
Very nice Page Flipper but I had been trying for 2h to put "preloader" but it is tough work for me. Could u do it in your version of Page Flipper. I suppose it will be useful not only for me. Thank you in advance!!!
April 19th 2007 09:04AM   -   Steffan
servo, I tried it myself and found that the symbol "booksize" in the library is the key to changing the dimensions (a long with a few other things that you would have to change/move). Start from there. If you are new to flash then maybe this isn't the best fla for you to start on, even though this is a great one. Thanks John!
April 19th 2007 20:04PM   -   mr P
please can someone help me. how do i change what it says on the pages
April 22nd 2007 06:04AM   -   leo
Leo, open the movie clip named "page" in the library. Each frame of that movie clip is a page.
April 22nd 2007 20:04PM   -   John
Hi John, I am lucky see your flipper flash. I want to future you help. You are best flash desinger. All the best.
April 24th 2007 07:04AM   -   Shashi
Hi, i am lucky to see your work here, i like it very much, its really helpful to me. Thank u a lot!
April 27th 2007 10:04AM   -   Hong
How can I write text on the pages? when i write there, and try to flip the page, the text disappears. Can anyone help?
April 27th 2007 12:04PM   -   Apache
What do you have the text type set to? If it is set to dynamic or static, you shouldn't have this problem. Input text is the only one disappearing on me.
April 27th 2007 12:04PM   -   John
Hey..I was wondering how can I modify the parameters in the action script so that when I just press one of the corners, the page to start the transition without having to drag it...thanks
April 30th 2007 18:04PM   -   Robert
Thats the coolest thing I've seen in a while - I just wasted 5 minutes playing with it. (submitted @ tweako - http://www.tweako.com )
May 1st 2007 14:05PM   -   Mike
Thanks for sharing. Perfect for my new project.
May 2nd 2007 00:05AM   -   HB
great job!
May 2nd 2007 09:05AM   -   rf
It's really nice work and very much use ful to me thank u very much can i put the some sound as a narration and page turn effect sound
May 3rd 2007 02:05AM   -   manoj
Hi John. I have the same problem as Apache. If I type Text (static or dinamic) the text appears when I test the movie (ctrl+intro), but if I publish the movie (Flash player 8 + action script 2.0)the text does not appear in the the flash player.¿Do you know how to sort this out?Regards
May 3rd 2007 10:05AM   -   miko
Miko, take a look at page 7. Static text remains even when the pages are flipping. It seems like flash doesn't like rotating Dynamic or Input text.
May 3rd 2007 10:05AM   -   John
can you tell me a method of page turning when i'm double clicking the corner of the page? if you manage to create the action script code for this problem i'll be grateful if you can send it on my email!10x! ionutzmadalin@gmail.com
May 4th 2007 10:05AM   -   Ionutz
can you tell me a method of page turning when i'm double clicking the corner of the page? if you manage to create the action script code for this problem i'll be grateful if you can send it on my email!thanks! boynextdoor1207@yahoo.com
May 6th 2007 05:05AM   -   deb
nice page turning but i need a full tutorials how to do this cause i can used the ideas in other way thanks nice stuff dear
May 7th 2007 05:05AM   -   peacengell
Hi there. This Page Flipper is awesome. I need to know if there is a way that I can skip pages. For example if I'm in page 4 then look at page 10 instead of the next page. Is this possible? Thank you!!
May 7th 2007 13:05PM   -   Nelo
how i could add more pages?
May 7th 2007 17:05PM   -   decr
Hello, first thanks for sharing this amazing book flipper. Actually, this fits on the project which I am presently doing. I would like to ask you a question. Is there a way to display an actual web page (web site) inside this book (i.e. link a web page into this book with flipping function)? Since every single page in this book are static content, and number of pages in this book are predefined, is there a way to dynamically define number of pages + display dynamic content? Thank you so much in advance!
May 9th 2007 13:05PM   -   Agnes
Update:Pages now change automatically if the user simply clicks a bottom corner. Also, a go to page feature has been added, which can be seen on the page labeled 9. It is actually page 10 because the first page is a blank page. Here's the code used on the button: on(press){ _parent.skiptopage(5); } An animated page skipper will be added soon. Agnes, there is no way to display html pages within the document (to my knowledge). decr, to add pages, open the symbol page and add a frame. Each frame is a page.
May 11th 2007 06:05AM   -   John
Hi, this is pretty neat coding, but i have a problem when i try to make it work in another fla. in another scene so the book would be seen seperatly from other scenes. (for a projector) How can i add the book without jumping the scene where the book is in, i tried stopping it but it doens't work then anymore, pretty weird. what do i have to do ?
May 12th 2007 10:05AM   -   Mark S.
Mark, the main thing coming to mind is maybe not all of the items from the library transferred to your fla. Select all of the items in the pageflipper library and copy them, then paste them into your library. That should do the trick.
May 12th 2007 19:05PM   -   John
Hé John, yeah the first time i tried not all the files copyed within the folder, and i copyed all of them... I wanted 4 little books in one fla. in diffrent scene's but the problem now is that i got some action errors, that some actions were already linkted to one of the books... i changed the names of the movie symbols but its an action scrit problem... How can i integrate more books in one fla. without these problems? i hope this isnt to much problem? thanx john for responding so quickly.
May 14th 2007 07:05AM   -   Mark S.
Ahh, I think I know what the problem was. I used a _level0 reference on page 4 on the pageanimation actionscript. It has been changed to _parent._parent.changingpage and _parent._parent._parent.changingpage. There is an extra level when getting to the book level with a changing page. Just figured that out. The pageflipper can now allow multiple books at the same time. Also, I've added in a next page preview onRollOver.
May 15th 2007 21:05PM   -   John
Hi Mr John , your page flipper is excellent. I have analyzed and added some code to flip page automatically when we click a button, but the problem is the flipping effect is coming only once after the pages are changing but there is no flipping effect. This is the code i have used: _root.pageFlipLeft.onPress = function() { rolledovercorner = true; if (((leftpage._currentframe-1)>0) && (!changingpage)) { rolledovercorner = false; pageholdtimer = 0; startchangingpage("left"); } if (changingpage) { rolledovercorner = false; automoving = 1; if (pageholdtimer<quickturnmax) { automoveleft = false; } } }; and i created the button on stage with name pageFlipLeft. Please give me some suggestions on this thank U very much.
May 17th 2007 09:05AM   -   vishnu
Hé John, its still a little blurry for me... I keep having the same problems like these : **Warning** The linkage identifier 'pagechange' was already assigned to the symbol 'pagechange', and cannot be assigned to the symbol 'pagechange', since linkage identifiers must be unique. When placing more different books on one scene or on different scene's the same problem keeps appearing. this is for the 'book' 'pageanimation' 'page' and on... Even when you change the name of the moviesymbols... so what is there to do ? actionscript configuration or symbol configuration...?
May 18th 2007 14:05PM   -   Mark S.
This is prefect!! Thanke you!! I'll never forget you,
May 28th 2007 12:05PM   -   family
1. How can i add preloder.. i have problems with it because when i added preloder, in download simulation it is not visible, only flash one time befor movie is loaded... where is problem.. i used many preloders.. .. all the same... 2 How can i add in first page links (what script), to swith diarectly to taht two pages where i want? help help
June 3rd 2007 07:06AM   -   Jaxter to John
I need preloder solution too ... help....
June 3rd 2007 07:06AM   -   Silvia
I have problems with preloder too
June 3rd 2007 17:06PM   -   Kanabis
Hi, Is it possible to put pictures in the center of the two pages? I mean looking the two pages as one page after i flip.. Thankss
June 7th 2007 10:06AM   -   Kelvin
How can you make links to a website, from your page on the page flipper? What files are acceptable when you are listing your pages, jpg's I know, what else? I am just getting started playing around with the page flipper and I am trying to learn all that I can. Does anyone have any good tutorials websites for the page flipper, that they think are good for beginners?
June 7th 2007 17:06PM   -   Amy
thank you so much man
June 16th 2007 12:06PM   -   CaSiteCenter
hi, i only have flash mx 2004, so i can't open the file... any chance of a tutorial on how to do this???
June 19th 2007 12:06PM   -   grimm 88
hello,i can't open the file..like grimm 88..i only have Flash MX 2004..pls help us!
June 25th 2007 04:06AM   -   juelly
hi John, can you make a step by step tutorial of making this flip effect? thanks very much
June 28th 2007 11:06AM   -   darkness
First off, WOW, works really well. I've got a quick question and I'm showing my noob flash skills. I've been looking for the ActionScript, but can't find it. It's not in the first frame, I've checked through components and you can't add AS to library items, or at least buttons, so where is it? I know it has it, you tell us that we can edit how quickly the page moves, and I've seen quotes on here about AS, but still can't find it. Help?!?
June 28th 2007 12:06PM   -   Thor
Thank you so much!
June 29th 2007 08:06AM   -   qwert
dear john i've tried to change the pages to different pages with a different size then i faced a problem in the mask and it couldn't complete so , do you have a solution if i want to change the pages best regards
July 8th 2007 11:07AM   -   wael
Great work as for most of the questions I'm reading here they would be answered if you read the actionscript on the main stage frame 1
July 10th 2007 16:07PM   -   Nabbs
I can't add more than 15 pages. It doesn't work. Why?
July 11th 2007 09:07AM   -   Vedran
hi dude, nice script can i use it....
July 13th 2007 02:07AM   -   sagar
Great work on this btw John. Thanks alot.
July 17th 2007 14:07PM   -   Nabbs
hi! Thanks for sharing ^^ I've been looking for this quite a long time... i did download the source file.. but i faced some problem in opening it. Anyone mind to send me the source file? Thanks a lot :) here is my e-mail --> inez82@gmail.com
July 26th 2007 05:07AM   -   inez
why not just download it again?
July 26th 2007 19:07PM   -   nabbs
pageflip was superb. i want to add preloader for this file. help me for this.
August 7th 2007 05:08AM   -   umapathy
its a excellent work. Can you give the explanation for coding. I can understand basic scripts but it is difficult to understand. Is that any websites to learn scripting for begineer please reply me. my email - deepanengg@gmail.com thanks
August 7th 2007 06:08AM   -   deepan kumar
hi, how to add preloader in this file
August 7th 2007 10:08AM   -   umapathy
I managed to put a preloader onto the file by putting it in a different scene, then putting a stop(); script in the page turning scene. This prevents the movie from looping back to the preloader. For this method you need a preloader that operates on data from multiple scenes, or course. Hope this helps. Anyway, great work on the file.
August 7th 2007 13:08PM   -   pyrosever
This is amazing. Thank You so much. I've been looking for a normal and working source file of a flipping book for a few weeks. I tried so many tutorials, but most of them was too difficult or just didn't work out. This one is great and easy undertsanding. Thank you very much again.
August 11th 2007 11:08AM   -   beatrice
This is excellent page flipper. Is it possible to use it in blogger blog (and how?) Thanks!
August 31st 2007 21:08PM   -   hoh
It would be possible but you'd have to get someone to write it. You could have an xml parser parse the blogger feed.
September 4th 2007 06:09AM   -   john
Hi John, best flipper I've seen so far. Is it possible for the flips to happen automatically? without any clicks? I've tried playing around with your vars (automoving, changingpage, automoveleft, ,pageholdtimer, quickturnmax, rolledovercorner)... but couldn't get it to flip automatically..var automoverate=10;
September 4th 2007 10:09AM   -   Eric
Hi John, can you explain how can i add more pages? Thank you
September 10th 2007 06:09AM   -   Sandra
the fla file has accurred error, would you re-share again ?
September 12th 2007 23:09PM   -   demigod:.
ah sorry, ok i tried using flash 8, thank you ^ ^
September 12th 2007 23:09PM   -   demigod:.
hi john, is it allowed to change your source and to integrate it in own products and for free? thanks, Gustav
September 14th 2007 07:09AM   -   Gustav
obrigado jhon por ter postado esse atigo tao importante para nos web desiners.
October 2nd 2007 17:10PM   -   Bruno
hey john is there a possible way to turn the pageflip automatic I just wanted to make it an intro to my web.... And make a timer to turn each page flip automatic.. thx in advance
October 3rd 2007 06:10AM   -   mark
Great file John, definitely the best page flip I've seen. Is there any way of getting the pages to flip automatically without dragging or clicking? Cheers.
October 17th 2007 02:10AM   -   tapps
There's no simple way to get the pages to flip. At the moment, it would have to be a paid job to write the code. Maybe someone else will come across this page and code an automatic flip function.
October 17th 2007 07:10AM   -   John
Nice samples
October 18th 2007 02:10AM   -   Satish
Hi John! First of all, great job. This page flipper looks awesome. But I see that when you rollOver across bouth corners fast it flips the pages. it looks like an error. Please see what can you do about this. And I'd like to ask you if I can use this pageflipper on my personal webpage?
October 22nd 2007 09:10AM   -   nikola
how to input sound when page flipp?
October 23rd 2007 07:10AM   -   hare
hi anyone can help me how to make it auto flip without press any button.
October 27th 2007 01:10AM   -   automatically flip
hey guys if you want the real (and much better) version of the thing go to http://www.iparigrafika.hu/pageflip
October 29th 2007 08:10AM   -   iNjEkTilO
Hi John, you sure motivate me to continue to learn this hard but exciting program...Thanks!
November 1st 2007 23:11PM   -   mirtha
whats the script use to flip page without using a mouse? Like it flips on its own after a few seconds
November 8th 2007 04:11AM   -   leajacques
hi possible to send me the tutorial in details...like from the start ?(:
November 9th 2007 22:11PM   -   pinkdoll
Are any of you interested in doing a very small project? I need a children's book on this flip style book, but I do not have Flash and do not want to purchase it for just this. I need 10 pages to flip, so there are 20 pages to the children's book. I have all the pages as images or pdf's - whatever works easier. Let me know the cost and email me at hilary@aplusnanniesinc.com. Thanks.
November 19th 2007 12:11PM   -   Hilary Lockhart
I can't able to download your source file so will you please send it to me on my email adress. My address: amruta.techcity@gmail.com
November 22nd 2007 07:11AM   -   Amrita
hi possible to send me the tutorial in details...like from the start ? PLEASEEEE!!! thanks my e-mail is: yma825@hotmail.com
December 10th 2007 15:12PM   -   Amy
hey john, gr8 flipper, how can i add pages?
January 3rd 2008 09:01AM   -   Abie
Abie, open up the movie clip "page" and add a keyframe to the timeline. Each keyframe is a page.
January 3rd 2008 12:01PM   -   John
can you please email me a fresh .fla file....thiss one cant be opened and it force quits it everytime...... shale@gmail.com
January 8th 2008 17:01PM   -   mike
can u tell me how to increase the size of the design page not a plan page which is already there. And if i increase the design page it looks blur type. Can u tell me if i wants to increase the size of design page how to do that? My email ID is kalpeshsugandh@gmail.com
February 5th 2008 07:02AM   -   Kalpesh
nice stuff...good luck. Thanks for the fla.
February 15th 2008 04:02AM   -   Moloy
Hi, This is great what an awesome concept. but was just wondering if there is any basic code that I can add on to make the pages auto play , for example see this book as an animation rater then it being interactive? so it gets to a page and then flicks to the next?
March 10th 2008 19:03PM   -   Tyler
Hi, it´s a very file but I´d like all steps to follow for developing my book, thank you
March 30th 2008 13:03PM   -   Andrea
oja
April 1st 2008 09:04AM   -   jeroen
Can i noe the codes for going back to a certain page that you want?!! thxs.. how is it...!!
April 2nd 2008 22:04PM   -   Nancy
Thankyou very, very much man.
April 3rd 2008 00:04AM   -   cmatute
can i show different ads on pages, with the content
April 8th 2008 04:04AM   -   Abhi
beatifull Job!!!
May 17th 2008 10:05AM   -   patagonik
Hi John, Is it possible to obtain the source file of the page flipper (uxk8396@gmail.com). I am interested to learn the actionscripts involved. Thank you in advance. uxk
June 15th 2008 13:06PM   -   uxk
I am looking at trying to add the page peel effect on the top left/right corners. Is there anything special i need to watch for in the script? Right now I copied the right and left corners creating a TopRight, TopLeft Corner mc on the stage of 'book' _mc. So now i am adding also the else if statement in the actionscript to do the proper animation(guessing just got to find a way to flip animation on y/x axis)
June 17th 2008 10:06AM   -   Chris
How do you add pages, so that on click it displays other pages? Mine on click displays the default book page. he page actually turns, but it goes back to the same page.
June 19th 2008 16:06PM   -   Nanatech
How do you add pages, so that on click it displays other pages? Mine on click displays the default book page. he page actually turns, but it goes back to the same page. Sorry I forgot my email. spychon@tripledcomputers.com
June 19th 2008 16:06PM   -   Nanatech
to add pages just put in another frame in the pages movieclip, for navigation create a button, and then set the Press event to: on(press){ if(!_parent.changingpage){ //skip to page 3 goes to page 2 because the first real page is a blank page _parent.skiptopage(3); } }
June 24th 2008 09:06AM   -   chris
Hi John In terms of scaling the book to a size of my liking, what are the key files that I need to tweeak? I got some pretty strange results when I tried, so your help would be greatly aprectaied. Thanks Craig
August 6th 2008 10:08AM   -   Craig
I downloaded the 18-page flipper file, but get an "unexpected file format" notification in both flash 5 and flash MX Professional 2004. Any idea why that would be? Cal Smith
September 1st 2008 19:09PM   -   cal Smith
Add a Question or Suggestion
name:
website (optional):
captcha type the characters into the box
message (5000 characters or less):