サイトトップ > ご案内 > WCR Comic Viewer

WCR Comic Viewer

WCR は別サイトとして立ち上げた、WCR Comic Viewer を公開しています。
詳細については、WCR Comic Viewer を参照して下さい。
ここでは一部を引用します。

WCR Comic Viewer とは?

WCR が提供するきわめて簡単に設置が可能なウェブコミックビューワです。
JavaScript で動作するビューワですが、デフォルトの状態で設置をするだけならスクリプトの知識は一切不要です。それでいて以下のような機能に対応しています。

  ・画面遷移を伴わないスムーズなページ送り
  ・画像クリックによるページ送り
  ・ページの先読みによるストレスのないページ送り
  ・ページ数入力による任意のページへのジャンプ
  ・しおり機能による任意のページからの再開
  ・しおりの自動保存による最後に開いたページの自動記憶
  ・スクロールで隠れた部分の自動表示
  ・最終ページ指定によるページの自動生成

設置に最低限必要なのは画像ファイルのリストを作る事だけ。後は提供されているスクリプトを呼び出す 1 行を追加すれば、それだけでサンプルのようなビューワがいとも簡単に設置できます。
これらの機能を操作するためには当然、操作ボタンが必要なのですが、操作ボタンの HTML を記述する必要すらありません

サンプル


上記のビューワを設置するために最低限必要な HTML は下記の通りです。信じられないかも知れませんが、本当にこれだけです。

<html>
<head>
  <script type="text/javascript" charset="UTF-8" src="http://viewer.webcomicranking.com/js/wcrcv.js"></script>
</head>
<body>
<ul>
  <li><a href="sample/00.gif" title="lastpage=6"></a></li>
</ul>
</body>
</html>

カスタマイズ例

WCR Comic Viewer は、簡単に設置できる事をポイントにしていますが、見た目や動作に関して様々なカスタマイズを行う事も出来ます。以下はその例です。

オプション指定例 1
オプション指定例 2
完全カスタマイズ例
WCR Comic Viewer に興味を持って頂けましたら、是非、専用サイト を訪れてみて下さい。