Resolution of uploads

The idea is to upload two resolutions of each page, so that when the book is "open" and you're looking at two pages side by side, they take up either 1920x1080 (1080p resolution) or 1280x720 (720p resolution).

So.

• "Image 1080" page images should be 960x1080
• "Image 720" page images should be 640x720

For examples, take a look at

• http://carpechaos.com/node/123/pageflip/html-viewer/low
• http://carpechaos.com/node/123/pageflip/html-viewer/high

I really need to add an option to make these resolutions customizable, I do realize.

Hello,

Thanks for explaining this.
I was wondering how it wasn't showing like I wanted.

The thing is: if I size my image 960x1080, it will be skewed or deformed.

Is it why we need to do both Image(1080) and Image(720)?

Hello,

As well, I do not get all the buttons at the top: Zoom In, Zoom out etc...
like they are showing here http://www.vservu.de/mz3-tut/index_mz3_user.html#/26

Is it normal? What do I need to do to get these please?

Hello 56rosa,

To get the navigation bar, you have to add
plugins="navigationbar"
in the same section where I told you to setup your book size (for a book size different from 640x720)

I believe that the need of 2 different resolutions is aimed to improve the resolution when you activate and use the LiquidScaling feature of the Megazine3 viewer. When you zoom, the viewer will display the 960x1080 image rather than 640x720. If you have the same 640x720 image in both field (960x1080 and 640x720 field of the PageFlip page), it will work as well, but when you will zoom, the resolution will be awful.

I learned from adamdicarlo in this thread #959014: Is there a way to setup different book sizes for different book projects ?, that 640x720 pages dimensions are hard coded.

Even if you can change the book size with the parameters I gave you, you can not change the page size inside the book....since it is hard coded...
Even if the book size is different, the page will be displayed with the original hard coded size 640x720. And if your image is different from this size, it will be deformed...

A trick to work around is to overwrite the XML output for each page.
Go to http://yoursite/node/yournodeID/pageflip/mz3-viewer-xml
Copy the XML section of the page you want to resize (if you want to resize all pages, you'll have to do it as many times as the number of pages you have)
Paste it in the XML override section of the PageFlip page (for each single page that you want to resize), and change the page size parameters.
or override the values in the file pageflip-mz3-viewer-page-xml.tpl.php which come along with the installation files.
waiting for a better solution....

(this answer has been modified compated to the 1st version, because I said something wrong initially, that I corrected)

Hello l_arbalette,

Thanks very much for your explanation.

However, if I have a brochure that is A4 format, and I create a jpeg image, what dimension should I be using for the PageFlip Book then?
Because, the pages look squashed. So, I'm not sure that I understand right how to size my image i.e. my page.

Will I try one image 960x1080 and one image 640x720?

Thanks for telling me how to place the navigation bar. I will try that soon.

Salut l_arbalette,

Merci beaucoup!, I have got the navigation bar etc... on top, and bottom.

So, It's much better already!

good to know.
Regarding your pages size :
in the Book tag attributes (MegaZine3 viewer configuration), add :
pageheight="720"
pagewidth="510"
(this is the A4 ratio more or less)
This will affect how the book is appearing on the screen (but not the pages)

Then, make sure to have 2 versions for each image : one sized 510x720, and the other 764x1080
and to upload them in each of your pages
(only if you want to enable the zoom plugin...otherwise, I believe one single image is enough for both field 720 and 1080)

in the override XML section for each page, add the following (after correcting yoursite adress, and images adresses) :

<page>
−
<img width="510" height="720" aa="true">
−
<src scale="0.5">
http://yoursite/sites/default/files/pageflip/pages/yourA4image510x720.jpg
</src>
−
<src scale="1.0">
http://yoursite/sites/default/files/pageflip/pages/yourA4image510x720.jpg
</src>
−
<src scale="1.5">
http://yoursite/sites/default/files/pageflip/pages/yourA4image764x1080.jpg
</src>
</img>
</page>

it should work.
I'm waiting some explanations from adamdicarlo regarding this, because it seems that we may have another option, a better one, to change pages size, by playing with the theme, and the way the XML output is parsed (at least, it is my understanding so far)

Hi l_arbalette,

Well, you're doing well to understand all this so far!

I was trying to access the XML like you said above, but for some pages, I have access denied.

Anyway, I will try again.

I don't have access to the template because a developer installed the module for the company where I work at the moment, and I can't see where he keeps his modules via FTP.

So, I would need to contact him, and so, it's too much trouble...

Thanks again

Hi l_arbalette,

I have managed to make it work like I want.

So, thanks very much for all your help.
Your explanation about the XML bit was very useful.

Now, my images are not squashed. I only need to place all the pages now.

Merci encore!

de rien ;-)

Thanks for the visual!

However, I have one more little problem. It inserts some blank pages where it shouldn't.

I have placed only 3 in "Values" for "Opening Pages" for example to get rid of the "Add another Item".

Because I had noticed that I didn't need to click on this button to add one more item. It does it automatically! But even by inserting only 3 for the number of values, I still get a blank page between my "Opening Pages" and the "rest of the brochure (chapter)".

Then, how can I make my last page i.e. the back cover as a normal page, and not a flip (Yet, it probably has to be a flip)? Because I think that Drupal doesn't do it automatically. I mean, it just inserted 2 blank pages as a double-spread sheet between my last page and my back cover.

And I don't want that. I'm trying to find where I can change this somewhere.

May be you know??

the only solution I know is explained here http://drupal.org/node/940324#comment-3643908.
I implemented it, and it's working fine...but in your case, since you sound like you don't have access to the installation directory, it may be a little bit more tricky !
The reason why you have blank pages is explained here http://drupal.org/node/872384#comment-3534806 by adamdicarlo and Ecnassianer.

I see...

I was thinking of something like that... the reason why these blank pages appear.

In my case, I don't really need chapters, so I may place all the pages one after each other, without having any category, like "Chapters", and see what happens.

Merci! Bon Week-end

Hello,

I had created a "Back Cover" field in my PageFlip Book, but decided to remove it, thinking that it would not appear as a Back Cover anymore. But it still does.

What I mean is: why is the Back Cover appearing on the right?

If I can take off the blank page for the chapters and this Back Cover page, the brochure would be done.

But it looks like I may need to change something in this installation file as well.

Hello,

I just wonder if I need to add another attribute in the "Book Tags" to make appear the bottom viewer. As you can see on the screen shot, it is showing a question mark in the bottom viewer, and it should show the pages.

So, what do I need to do to fix this please?

And as well, shouldn't there be a shadow on each page, to make it less flat like here: http://www.vservu.de/mz3-tut/index_mz3_user.html#/26

Thanks a lot

Hello,

My PageFlip Book i.e. brochure is working fine. The pages at the bottom show as well.
I dunno if I need to add something else to give a bit more volume to each page, but it will do for now!
For some reason, there is no page shadow. But it still looks good.

Thanks l_arbalette, the code worked fine. I asked the developer to add it for me.

So, thanks again.