・　サンプルの説明

　このページは文字コード「UTF-8」で書いています。ソースを他の文字コードで書かれたページに貼り付ける時は、貼り付けた後に文字コードを統一してください（「名前を付けて保存」で文字コードを指定するなど）。異なる文字コードが混在すると、文字化けの原因になります。

　ファイル名が連番数字の画像を使うバナー専用（画像をクリックすると設定したページが開く）のギャラリーです。 モバイルではスワイプで、パソコンではスクロールバーで操作します。 連番数字のファイル名の画像（0.jpgなど）と、同じ連番数字のファイル名のページ（0.htmlなど）を用意します。 連番数字のファイル名のページは空にして、METAタグのhttp-equiv="Refresh"で別のページにジャンプさせても構いません。 画像とページは別々のホルダーに置いても構いません。 連番の最初の番号は何番でも構いません。 オプション部分で最初と最後の番号と画像へのパスとページへのパスを設定してください。 小さいデバイスで表示してもアスペクト比を維持して縮小し、レスポンシブデザインに対応しています。 ただし、自動スライドショー機能はありません。一つのページに複数個設置する事はできません。

　オープンソース版スライドショーは掲載しているソースコードのみで動きます。 jQueryなどのライブラリーやプラグインも、Javascripやcssの外部ファイルも不要です。 個人・商用を問わず無料で自由に使用できます。

	⇔

・　HEAD内のソース

　スライドショーを貼り付けるページのHEAD内にコピーしてください。

・　BODY内のソース

　スライドショーを貼り付けるページのスライドショーを貼り付ける場所にコピーし、ご自身の画像へのパスに書き換えてください。 このページの見本は画像へのパスを相対表記で書いているため、このままでは画像が表示されません。

オプション部分の説明
data-anitime = "500"	アニメーション速度（ミリ秒）。
data-path = "../img/"	画像のパス。相対パスでも絶対パスでも可。
data-first = "6"	最初の画像のファイル名（番号）。
data-last = "14"	最後の画像のファイル名（番号）。
data-w = "720"	画像表示部分の最大幅（通常は画像の幅）。
data-h = "480"	画像表示部分の最大高さ（通常は画像の高さ）。

All Rights Reserved. Copyright (C) 2002- Miyake_kobo.