Google预订动态网页

Question

我想知道是否有可能做这样的事情这样使用Javascript。 我认为这是一个非常难以实现的东西（只是尝试调整窗口大小），我不知道网上是否有东西（我没有发现任何东西）。

Answer 1

如果您能够将整本书的文本传递到页面，这很简单。

简单的待办事项清单（MVC）

• PHP：从db获取书籍并将其内容传递给view
• 创建四个DIV
  • 第一previous page action到previous page action
  • 第二left page到left page
  • 第三right page到right page
  • 第四next page action到next page action

这些DIV是浏览器窗口的100％高度，它们的宽度为：

• 30PX
• （page.width-60）/ 2
• （page.width-60）/ 1
• 30PX

并通过Javascript你只需通过计算单词（例如one page == 200 words ）将书的文本拆分为这么多页面

如果页面不是那么高，不能采取所有文本，让我们像在给定的例子上一样垂直滚动

他们实现的更多功能是：

• 搜索（参见javascript string.search（））
• 调整字体大小（请参阅javascript css方法或读取Javascript更改字体大小 ）
• 按章分走书（取决于你的实施* 1）
• 底部滑块（再次取决于您的实现，但jquery滑块非常适用于此）

* 1

• 您可以按章节简单地将图书的文本传递到数组中
• 你只能通过章节，让我们通过AJAX调用获取章节文本
• 或者你能想到的......

关于现成的实现，您可以看到：

• http://michaelthompson.org/books/read.php?book=b5
• http://weblogs.mozillazine.org/gerv/archives/2006/05/amazon_ajax_book_reader.html （如页面图片 - 扫描 - 实施）
• http://openlibrary.org/dev/docs/bookreader
• http://monocle.inventivelabs.com.au/ （再次扫描页面，如最终尺寸的图像）