PDF表示テスト

fancyBox Thumbnail helper

サムネイルクリックで、グループ化されたLightBoxが表示される。個別タイトルのクリックで、全画面表示。

想い起こせば昔の遊び(1)〜(5)

オプション設定など

  1. デフォルトのnext、prevボタンを、PDFのスクロールバーに被さらないように画像の外に配置。
  2. グルーピングされた記事切替は、上記ボタン、キーボードの矢印、サムネイルクリックのいずれでもで移動可能。
  3. paddingなし、loop表示なし(loopしても良いかも)、サムネイルはボトムへ表示。
  4. 下部に画面タイトル表示し、クリックで全画面表示とした。
  5. 終了は×ボタンかモーダルウィンドウ外をクリック。
  6. ツイートボタン表示(不要なら削除、デモ上のインパクトと設置した)。

できないこと

  1. サイズの違うPDFをグルーピングして見たが、PDFオプションのFitHが効かない。IEしか効かずChromeなど無効との報告あり

所感

最初はjQuery Media PluginでのPDF表示を考えていたが、fancyboxでPDF・写真など表示できるので、jQuery Media Pluginは不要となった。