search

blasten / turn.js

The page flip effect for HTML5
www.turnjs.com
Other
7.24k stars 2.48k forks source link

Zooming and zooming out of the flip book via onload #109

Open ghost opened 12 years ago

ghost commented 12 years ago

Hey!

So first off, I would just like to say that turnjs really is a great piece of work!

So, I am using turnjs for a webapp that will be available on the desktop and the ipad. For this reason, I hoping that it is possible to scale the book down via css3 transform.

I see that turnjs has zoom method, but I am not entirely sure how to use it. If this is meant for scaling, is there a way you could point me in the right direction?

Thanks,

-Mike

blasten commented 12 years ago

@creadev for that reason I decided to create something more, you can see it working on www.turnjs.com/samples/magazine

ghost commented 12 years ago

Very nice. Do you have that in a downloadable example. Much easier to dissect from an editor than simply looking at the source. If not, thats fine. I will just copy and paste to get a better look, or just save the page.

Thanks,

-Mike

ghost commented 12 years ago

@blasten I have attempted to copy over the example you linked me to. For what ever reason, I can not create the same effect. looks like there is json being used for Regions. Also, the pages do not load (I have attempted on both a local and live server). Getting a weird error from turn.min.js that says options is not a method (assuming that has something to do with something not loading properly).

If there is way you can help in any way, that would be great! Thanks.

P.S. I have the lastest version of turnjs..

Thanks,

-Mike

ghost commented 12 years ago

Sorry about so many comments! I managed to find the errors I was receiving. Though, I am still getting the json errors. But that is not a big deal right now.

ghost commented 12 years ago

With the example you showed me, would something like that work well with actual html elements within the book instead of just images. Will it scale the content?

blasten commented 12 years ago

it also works for HTML elements, but I believe it can be improved so I hope to work on a better solution.

ghost commented 12 years ago

Sounds good. Basically, the project I am working on has to be scaleable/resizable in every way. I began writing my own script to work with sizing within the pages, but realized that turnjs does rely on some aspects of the sizing within the page.

I will see what I can do. I will also check back to see if you have had the opportunity to make any updates.