0

pdf、HTML、.docファイルなどのドキュメントファイルの個々のページを水平方向にスクロールするためのJavaScript / jQueryベースのソリューションをコーディングするための最良の方法は何でしょうか（.docファイルはpdfに変換する必要があります）または、Webページで表示する前のHTMLですが、アイデアは得られます）。最終的な目標は、iBooksや実際の本のように、「ページ」を垂直方向ではなく水平方向に「めくる」ことができるものを作成することです。

これまでのところ、私は3つの戦略を見ることができます。

  1. iframe：pdf、docをいくつかのHTMLファイルに変換します。pdf / docの各「ページ」を独自のiframeに配置し、javascriptを使用してiframe間をクリックします。
  2. img：pdf、doc、htmlをいくつかの画像（png、jpg）ファイルに変換します。各画像（「ページ」）を独自のimgタグに入れ、JavaScriptを使用してimg間をクリックします
  3. div：pdf / doc / HTMLを他のファイル形式、JSONに変換しますか？各「ページ」を独自のDIVに入れ、JavaScriptを使用してDIV間をクリックできるようにします

同じトップウィンドウに複数の垂直スクロールバーがあるなど、iframeには大きなフォーマットの問題があるため、オプション「1）」は使用しません。オプション「2）」は、ドキュメントのテキストを検索可能にし、ドキュメントを画像に変換するとその機能が失われるため、どちらも使用できません。オプション「3）」を使用したいのですが、pdf、doc、またはHTMLドキュメントの各ページを独自のDIVに配置するために何が必要か（バックエンドファイル変換、JavaScript）がわかりません。誰かがこれをどのように達成できるか知っているでしょうか？任意の提案をいただければ幸いです！

4

1 に答える 1

1

私の意見では、PDFを画像とHTMLの両方に変換する必要があります。

画像のJSを作成し（スナップtrueでiScrollを使用するか、コンテナをターゲットにするか、SwipeViewを使用します-両方とも@cubiqによって作成されます）、画像の同じコンテナ（各「ページ」）にhtmlを可視性に挿入します：hiddendivまたはtext-indentを使用しても：-9999px;

そして、Jsがアクティブでない場合にのみhtmlを適切に劣化させ（したがって、jsをオフにしてクローラーを検索する人々も検討します）、ページを「クロール可能」にします

于 2011-10-26T01:38:04.453 に答える