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/ （再次掃描頁面，如最終尺寸的圖像）