Comments (2)
Are the pages images?
It is possible in both cases.
- If you are using images:
It would be the same application used for CSS sprites.
Use CSS:
Left page:
background-image:url(double-page.jpg);
background-position:0% 0%;
Right page:
background-image:url(double-page.jpg);
background-position:-50% 0%;
- Using only HTML:
It is even more easy.
Just separate your HTML in two parts.
Limitation: the first page should be single page, otherwise just turn to page 2.
Let me know, if it's a good solution or not.
Cheers.
from turn.js.
Love the plugin by the way. It's the main reason why I finally joined GitHub!
I was also wondering whether it was possible to have a spread option in this plugin. I have been Ajaxing Adobe Edge animations into the books pages, which the plugin handles brilliantly by the way, but it would be amazing if it could support some sort of spread overlay system where you could have an animation or something that requires 2 pages take over the whole spread.
If it had this feature I would have no qualms over donating time or resources to the project.
I'd love to know your thoughts on this. Keep up the awesome work!
George
from turn.js.
Related Issues (20)
- How do I touch to enlarge a picture
- No page turning effect after zooming HOT 2
- turnjs翻页功能,在我使用transform: scale(0.56389, 0.56389) 通过js对不同电脑显示器进行适配操作时出现了bug,求解决方案! HOT 4
- 'zoom' duration property does not work
- Using turn.js in a typescript (Angular) project
- Detection of hovering over corners does not work when book is scaled
- The page turn animation effect does not appear
- Boostrap navbar responsibility is not working with turn.js!
- how to change corner size on mousemove like mousedown
- Uncaught (in promise) DOMException: Failed to load because no supported source was found. HOT 1
- Not able to use turn js anymore HOT 2
- Ho do I use Steve Jobs book with jpg pages instead with html pages? HOT 1
- pdf.js + turn.js Image scaling distortion
- Surface Pro Touch Screen not working
- How to fill data in blank page 4th in steve-jobs. HOT 1
- The operation of going to the next page is normal, but returning to the previous page is problematic
- Jquery 4.0 beta Version Migration Success!
- Centering magazine when enlarging HOT 1
- Create a link on one page that can bring me to another page?
- Create a link on one page that can bring me to another page?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from turn.js.