开发者

How to implement a book preview (2 page spread) without using Flash?

I'm looking into a solution for work, where you have a two page spread of the book to preview. Either side of this, you can hover in the corner to create a pseudo-flip and then click the mouse button to actually turn the page. I know there is many Flash solutions out there, but in this case we cannot use it... So we are looking for a possible solution that can work acr开发者_如何学Gooss all major browsers (yes, including IE6)...

I looked a few canvas solutions, but with Google's canvas extension for IE, these will terribly slow. So was thinking about an SVG/VML solution, like Raphael Javascript library. This could be good, but then trying to look into how to code this, without examples, could be a challenge with the time constraint.

Is there a solution out there that fits (or almost fits) this problem?


How about the SVG Flip solution by Paul Brunt? It seems to do exactly what you ask for, using svg and javascript.


Here are a few demos for different browser generations:

  • Book flip via CSS3 transforms
  • Book flip via CSS2.1 absolute positioning
  • Book flip via DHTML
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜