什麼是使用JavaScript和HTML製作類似iBooks的最佳方式？

我想知道什麼可能是代碼的文檔文件如PDF，HTML，或.doc文件的個人網頁的水平滾動一個基於JavaScript/jQuery的解決方案的最佳方式（.doc文件必須被轉換到PDF或HTML之前，它可以在網頁上查看，但你明白了）。最終目標是製作類似iBooks或實際書籍，其中「頁面」可以水平而不是垂直「翻轉」。什麼是使用JavaScript和HTML製作類似iBooks的最佳方式？

到目前爲止，我可以看到3個戰略：

的iframe：轉換PDF，DOC幾個HTML文件。將pdf/doc中的每個「頁」放入其自己的iframe中，然後使用javascript在iframe之間單擊。
IMG：轉換PDF，DOC，HTML幾個圖像（PNG，JPG）文件。把每幅圖像（「頁」）到自己的img標籤，然後使用JavaScript IMGS之間點擊
格：轉換PDF/DOC/HTML到一些其他的文件格式，JSON？這樣每個「頁面」可以放到它自己的DIV中，然後使用JavaScript在DIV之間點擊

我不想使用選項「1」「，因爲iframe具有主要格式問題，例如具有多個垂直在相同的頂部窗口滾動條。選項「2）」是不行的，因爲我希望可以搜索文檔的文本並將文檔轉換爲圖像來殺死該功能。我想使用選項「3）」，但我不確定可能需要什麼（後端文件轉換，JavaScript）將pdf，doc或HTML文檔的每個頁面放入其自己的DIV中。可能有人知道這可以如何完成？任何建議將不勝感激！

來源

2011-10-23 tim peterson

看起來像同一個人基本貼出了同樣的問題在這裏[對JavaScript建議/基於jQuery水平PDF，HTML，或.doc文件的滾動網頁中的（http://stackoverflow.com/questions/7867046/recommendation-for-javascript-jquery-based-horizontal-scrolling- of-pdf-html-or）6小時前。投票結束這個重複。 – jfriend00

喜jfriend00，我想你提到的問題是太羅嗦了，因爲我已經寫好了，想要的東西更容易消化，所以我更喜歡這個問題在以前，對不起創建混亂，-Tim –

然後，你應該使用編輯鏈接編輯你以前的問題到你想要的。問題應該只在這裏問一次。 – jfriend00

在我oppinion，應該將PDF轉換爲圖像都和HTML。

爲圖像創建JS（使用iScroll，使用捕捉true或定位容器或使用SwipeView - 均由@cubiq創建）和圖像的相同容器（每個「頁面」），將html插入到可見性：隱藏div或甚至使用text-indent：-9999px;

並作出適度降級爲HTML，只有當的js不活躍（因而考慮與JS關閉和搜索爬蟲也人），使得網頁的抓取「

來源

2011-10-26 01:38:04 RaphaelDDL

什麼是使用JavaScript和HTML製作類似iBooks的最佳方式？

回答

相關問題