綾野なおと@blog

PREV | PAGE-SELECT | NEXT

≫ EDIT

web更新:ビューワー導入について

ども、綾野です。
なんだか関東は相変わらず夏~な感じで毎日暑いですが・・みなさまいかがお過ごしでしょうか。
世間ではiphone5だのWiiUだのとガジェットの話題が目白押しですね。
個人的にはipod touchの新型が気になったりもしております(*´ω`)

さてさて、本日はwebの更新、というか新技術導入のお知らせです。
今までweb上での同人誌のサンプル表示は、
・表紙のサムネイルをクリックすると表紙の大きいサイズを表示。
・本文サンプルは『■』をクリックする事で表示。
いずれの場合も別ページで開く表示手段を取っておりました。

これは機種依存に左右されず「どの媒体からも見れるように」という観点からとっていた手法だったのですが、最近のPCそしてスマホなどの携帯機やブラウザの性能の向上に伴い、かえって別ページ表示にしていちいち画面を再読み込みさせるよりもその場のポップアップで見たほうがストレス少ないんじゃないかなと思うようになり、今回の導入と相成りました。
使い方は簡単なので説明は不要かなとも思いますが、一応・・。

【つかいかた】
:javascriptを使用した技術です。お使いのブラウザのjavascript表示を有効にしてください。
:表紙のサムネイルをクリックします。
:ポップアップウィンドウに表紙の大きい画像が表示され、右側に関連付けされている本文サンプルなどのサムネイルが表示されます。
:右上にあるコントローラーで各種動作が出来ます。(ポインタを合わせると動作の説明が出ます)
*カッコ内に表示されたキーボードのショートカットに対応しています。
 ← 前の画像(←)
 ▲ スライドショー(Space)
 → 次の画像(→)
 十 ポップアップウィンドウの移動
 □ 実寸表示(f)
 × 閉じる(Esc)

*右側の関連付けされたサムネイルリストの画像を直接クリックしても表示されます。
見たいページを直接選びたい場合に有効です。

:ポップアップを閉じるには
  ・右上の「×」をクリック、または「Escキー」を押す。
  ・表示中の画像、またはポップアップの欄外をクリックする。
いずれかの方法で閉じることが出来ます。

以上です。
一応実験的な導入となるので、何か重大な不具合があった場合には中止するかもしれませんが、とりあえずはこれで行ってみようかなと思います。
なお、eventページやgalleryページはデータ量が多くてまだ対応していません(;´ρ`)
今の試験導入が問題ないようであれば、近いうちに更新します。
よろしくお願いします!

| 日記・雑記 | 13:27 | TOP↑

PREV | PAGE-SELECT | NEXT