2012-04-05 21 views
1

搜索本書中我注意到一個很好的東西,亞馬遜提供的是加載PDF格式的數據在div和當用戶向下滾動然後加載更多的數據....在短期無限滾動系統。我的問題是,我怎麼能加載PDF數據到div部分由jquery和當用戶向下滾動然後接下來幾個數據將顯示在該div。這裏是亞馬遜的鏈接 http://www.amazon.com/2010-NET-Platform-Andrew-Troelsen/dp/1430225491/ref=sr_1_1?ie=UTF8&qid=1333627776&sr=8-1如何開發亞馬遜像本書中由jquery

只是去鏈接,並點擊這本書超鏈接中進行搜尋,然後你看到一個div出現和書籍的數據加載部分進入該專區....如果用戶向下滾動,然後根據需要更多的數據負載進入該分區。我怎麼能爲任何圖書銷售網站開發這種類型的東西。最具挑戰性的部分是從pdf加載少量數據並加載到div中,並保留數據加載的軌跡,因爲當用戶滾動時,剩下的少數數據再次加載到該div中。如果任何人有任何想法,如何開發這種類型的系統與jQuery然後請與我分享。感謝

+0

你見過這個:https://github.com/andreasgal/pdf.js – JKirchartz 2012-04-05 12:23:42

回答

0

這不能僅僅通過使用jQuery

做。如果你檢查亞馬遜的HTML頁面,你會知道,亞馬遜使用PDF格式的圖像(click for image)顯示,所以你需要創建PDF圖像顯示它給用戶。要使用pdftohtml或imagemagick創建圖像,將完成顯示部分。

可以使用lucene進行搜索,lucene可以索引pdf文件,因此您可以搜索索引數據並將其返回。參考link for more info on lucene pdf index

+0

假設我的pdf有20頁。所以只需告訴我,我是否需要一次或根據需要將20頁轉換爲20幅圖像。 plzz指南。是否有任何示例代碼可以幫助我加載div中的圖像,並向下滾動然後下載圖像。 – Thomas 2012-04-05 13:29:18

+0

它取決於您的需要,如果PDF可重複使用,就像在亞馬遜的情況下一樣,您可以在後臺執行,但如果很少使用pdf,則在用戶滾動時使用ajax調用來生成下一頁。兩者都是有效的,但您需要根據您嘗試提供的用例和用戶體驗進行選擇 – 2012-04-05 13:31:48