Page Flipper

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

how to change the size of the page

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.

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.

You could always pick it up off of ebay, just make sure the seller is reputable. They also give a nice discount to students.

Great resource ... thanks ... is there any way in which we can allow the user to flip the page from the top right corner also?

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

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.

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...?

Can anyone try to explain or comments the code?

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

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

Thanks for the suggestion Laura. I'll have to add in that feature.

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?

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!!!

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!

please can someone help me.
how do i change what it says on the pages

Leo, open the movie clip named "page" in the library. Each frame of that movie clip is a page.

Hi John, I am lucky see your flipper flash. I want to future you help. You are best flash desinger. All the best.

Hi, i am lucky to see your work here, i like it very much, its really helpful to me. Thank u a lot!

How can I write text on the pages? when i write there, and try to flip the page, the text disappears. Can anyone help?

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.

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

Thats the coolest thing I've seen in a while - I just wasted 5 minutes playing with it. (submitted @ tweako - http://www.tweako.com )

Thanks for sharing. Perfect for my new project.

great job!

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

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.

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.

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

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

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

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!!

how i could add more pages?

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!

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.

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 ?

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.

H

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.

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.

H

This is prefect!!

Thanke you!!

I'll never forget you,

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

I need preloder solution too ... help....

I have problems with preloder too

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

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?

thank you so much man

hi, i only have flash mx 2004, so i can't open the file... any chance of a tutorial on how to do this???

hello,i can't open the file..like grimm 88..i only have Flash MX 2004..pls help us!

hi John, can you make a step by step tutorial of making this flip effect? thanks very much

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?!?

Thank you so much!

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

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

I can't add more than 15 pages. It doesn't work. Why?

hi dude,
nice script can i use it....

Great work on this btw John. Thanks alot.

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

why not just download it again?

pageflip was superb. i want to add preloader for this file. help me for this.

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

hi, how to add preloader in this file

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.

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.

This is excellent page flipper.
Is it possible to use it in blogger blog (and how?)

Thanks!

It would be possible but you'd have to get someone to write it. You could have an xml parser parse the blogger feed.

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;

Hi John, can you explain how can i add more pages? Thank you

the fla file has accurred error, would you re-share again ?

ah sorry, ok i tried using flash 8, thank you ^ ^

hi john, is it allowed to change your source and to integrate it in own products and for free? thanks, Gustav

obrigado jhon por ter postado esse atigo tao importante para nos web desiners.

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

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.

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.

Nice samples

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?

how to input sound when page flipp?

hi anyone can help me how to make it auto flip without press any button.

hey guys if you want the real (and much better) version of the thing go to http://www.iparigrafika.hu/pageflip

Hi John, you sure motivate me to continue to learn this hard but exciting program...Thanks!

whats the script use to flip page without using a mouse? Like it flips on its own after a few seconds

hi possible to send me the tutorial in details...like from the start ?(:

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.

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

hi possible to send me the tutorial in details...like from the start ? PLEASEEEE!!! thanks

my e-mail is: yma825@hotmail.com

hey john, gr8 flipper, how can i add pages?

Abie, open up the movie clip "page" and add a keyframe to the timeline. Each keyframe is a page.

can you please email me a fresh .fla file....thiss one cant be opened and it force quits it everytime......
shale@gmail.com

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

nice stuff...good luck. Thanks for the fla.

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?

Hi, it

oja

Can i noe the codes for going back to a certain page that you want?!! thxs.. how is it...!!

Thankyou very, very much man.

can i show different ads on pages, with the content

beatifull Job!!!

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

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)

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.

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

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);
}
}

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

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

hi
i downloaded the 18-page flipper file but i need same script but that will be run auto. i will not handle by mouse.

rumi

gracias por el tutorial esta muy bueno, y ojala lo explicaran tambien porque hay muchas personas que no lo entiende ya que no manejan nada de accion script, garcais nuevamente

hi there....thanks a lot 4 this great work of yours...and 4 shering it with us...
can you please tell me: how do i change the direction of the first page that's opened...im from israel...and here we have the texts goe's from right to left...as a books as well...
thank you!

I have loading solution but tell me how i can upload here... ama0290@gmail.com

hello john.
your resource is great!!!! only one question: is there any way in which we can allow the user to flip the page from the top right corner also?
thanx a lot!!

Hi John Bezanis,

Have you considered adding a videoplayer, (flv-replay) funtionality into your excellent page flip?

Thanks a lot for the source.

PedroDK

Thank you so much for an awesome flip book
PLEASE PLEASE tell me, if i import jpeg images to use as magazine, is there any way I can dynamically load each page previous to the one currently displayed. I have 90 pages in my magazine, which therefore takes aprox 2 minutes to load. Any suggestions would be greatly appreciated. cyrus_fernando@hotmail.com

Hi, this is a very cool flip book.
Would anyone be able to help? I tried resizing the book file and the pages but when i previewed it, it came out horrible. Any thing i didn't do correctly?

Michelle you need to resize the flipbook from the outside, when you first open the file highlight whats on the screen and resize it accordingly :)

thanks

hi, possible to send me the tutorial in details...like from the start ?and how i can add a sound when page fliping, thanks, my e-mail is: iampalas@rediffmail.com

Hi,
Firstly,John, it's a great job.
Secondly, I would like to ask how to be able to flip the page after jump to the page.
I use this script to jump to the page:
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);}}

After jump to the page,
1. it won't allow me to flip the left page.
2. if i put the jump page code on the last page, it won't allow me to flip the page 1 to page 2
Please help. Thank you.

Just clarification, with no.2 if i put the jump page code to page 1 on the last page, I can't flip the page 1. Basically I need help how to reload the flip page. Anyone know, please help. my email is virginia.pantja@yahoo.com.au.Many thanks.

Great script, thanks! One problem - the one-click option seems to be inconsistent. Sometimes it works, sometimes not. Is there a fix for this?

I have Flash CS3, and I have been unable to use the file.
Ever time I click on the action script tab, the flash program closes.

Can someone please help me.

To auto flip right page
Copy paste this in the original script
function metapress() {
trace("press")
rolledovercorner = false;
if (((rightpage._totalframes-1)>rightpage._currentframe) && (!changingpage)) {
pageholdtimer = 0;
startchangingpage("right");
}
}
function metarelease() {
trace("release")
if (changingpage) {
rolledovercorner = false;
automoving = 1;
if (pageholdtimer<quickturnmax) {
automoveleft = true;
}
}
}

And also you have to replace _xmouse and _ymouse in the script with 350 and 250. And now replace back _root.350 with _root._xmouse and _root.250 with _root.ymouse
This worked for me.
And now you just run metapress() and metarelease() from your timer (don't forget to put the correct location of the two functions)

I almost forgot
You have to put metapress() and metarelease() a few frames or seconds apart or the animation won't look very good.

Congrats John on a very good page flipper.

Thank very much you for you help.

hi, possible to send me the tutorial in details...like from the start ?and how i can add a sound when page fliping, thanks, my e-mail is: yamilfg@hotmail.com

I want to add more button like:

zoom in, zoom out
go to next page, go to previous page
go to first page and go to end page

is it possible?

Sir.JOHN
first of all i would like to say to you!!!
GREAT JOB SIR!!!
2 THUMBS UP for you sir..
MORE POWER AND MORE KNOWLEDGE TO YOU SIR!!!
MAY GOD BLESS YOU ALWAYS..
"MABUHAY KA SIR JOHN"

wow i was searching this tuto since 6 months, great job !! Thank you

how to give zoom and drag options to the book? pls help me on this.

Thanks a ton John! great work!

Does anyone know of a way to flip the whole movie clip or what ever and make it a calendar? I think i have the concept down on adding pages and stuff, i just want to make it a calendar.

This is a very neat bit of code john, thanks. I've been looking for something along these lines for ages!

hey great tutorial

i really need to know how can i make a zoom in and out effect for this

Hi,

Great page flipper, thanks. I've been trying to add two buttons to the actionscript for a more obvious previous and next function to flip the pages but I'm getting nowhere fast and was wondering if anybody can help me out on this issue?

Thanks in advance

Hi John,

Thanks a lot for sharing this, it's very great. However, I'm trying to do a slideshow for my sister's wedding, and I want the pages to turn automatically. Could you please help please!

Thanks a lot!

Wow, this is a cool pages flipping script. I'm learning actionscript and found here some interesting code lines I did&#326;'t known before. Thanks.

in spanish muchas gracias esta muy bien

I also really liked the flipping script.
I am also a little learning flash

Very nice! I'm liking that!

Going to recharge my batteries then take a look at the code again - it is awesome though!

You rock dude!!

I am happy to find many useful information in the post, thanks.

Very good page flipper.Thanks.

I have bookmarked your site. Thanks for sharing

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.

I love this tutorial. It will really help in a new game I am making. I will give you credit. Bookmarked this page. I was really nervous when it was making it into a CS4 file because normally when it converts from an older version of flash it messes up but it didn't so thanks!

Thanks for sharing
quite a full demo of everything...link,mc,etc

Thanks!

How to add nextpage,prv page button in this tutorial

plz reply me

Thanks very much for sharing.

nice!

Nice post and very interesting .

You should be really fanciful person to write this smashing <a href="http://www.topdissertations.com">dissertation writing service</a> reffering to this good topic . We would buy term paper and <a href="http://www.topdissertations.com">thesis service</a> just about that. Thanks a lot!

Thanks a lot very nice programming.
Submit free articles and free article directory at http://www.articlemonkeys.com/

thanks

I did use Flash for my site but problem much load time.

This is so good how you get a website to look like a magazine. This is such amazing work. Does this cost anything if i download this. I want to create a website like this.

I like very much the writings and pictures and explanations in your adress so I look forward to see your next writings.

Thanks for the valuable article and much impressive

There's always something that can be added, but this looks complete to me.

Thank a lot.

Verz usefull post, thanks.

it.

Special thank for good post.

Thank

It's not so simply to do a pretty good custom essay, preferably if you are booked. I advise you to notice <a href=" http://www.qualityessay.com">buy essay</a> and to be spare from discredit that your work will be done by essay writers

Special thank for good post.

Special thank for good post.

Special thank for good post.

Special thank for good post.

It's not so simply to bring a smashing custom written essay, especially if you are intent. I consult you to find <a href="http://www.qualityessay.com">buy essay</a> and to be devoid from distrust that your work will be done by custom writing service

Badly need your help. Hello. Thanks for the invitation so much. I will try to come back as soon as possible. ;). Help me! I can not find sites on the: Diflucan vertigo. I found only this - <a href="http://alessandroaramini.it/Members/Diflucan">diflucan clonazepam</a>. Diflucan, is it genital to manage a reaction time on the ida? Diflucan, directly, in question to stop the best health of deep number details recent fungus to first patients that influences best life combinations difficult at numerous effects. Thank you very much :-). Joie from Lebanon.

Hi I am interested in using this code in comercial project, would this be posible? thepettitt at yahoo.co.uk (I get too much spam!)

thanks Steph