製品のご紹介
概要
一度にたくさんの写真を披露できる写真ギャラリーです。タイル状に並んだ写真をタップすると写真が拡大され、前後の写真をめくりながら次々と閲覧できます。
Twitterやfacebookで写真を見せ合う際の新しい手法として、是非お役立てください。iOSとAndroid、そしてPCで動作します。
動作要件
- iOS
- Safari(iOS 5～)
- Android
- 標準ブラウザ / Opera Mobile
- PC
- IE(9～) / Opera / Chrome / Safari / Firefox
ライセンス
本スクリプトはフリーウェアです。変更を加えない限り、個人・商用とも自由にご利用いただけます。(著作権表示も不要です)
作者の許可無しに、本スクリプトを販売・再配布することは禁止します。
ダウンロード
使い方
まず、使用するHTMLの<head>の中で、"ari_viewer.js"を読み込みます。また、次に示すコードを記入してください。
<div id="ariviewer"></div>
<script type="text/javascript">
// <![CDATA[
getJsPath("../viewer_js/");
getAlbumTitle("***");
getThumbList([
"***.jpg",
"***.jpg"
]);
getPhotoList([
"***.jpg",
"***.jpg"
]);
// ]]>
</script>
<body>の中に、<div id="ariviewer"></div>を置き、続けて、下記のJavaScriptコードを記入します。
- getJsPath
- ari_viewer.js が存在するディレクトリを、HTMLから見た相対パスで記入。(文字列)
- getAlbumTitle
- アルバムのタイトルを記入。(文字列)
- getThumbList
-
サムネイル画像のパスを記入。(配列)
※ サムネイル画像は、320 x 240 ピクセル以上を推奨します。(Retina Display 対応) - getPhotoList
-
フォト画像のパスを記入。(配列)
※ フォト画像は、960 x 640 ピクセル以上を推奨します。(Retina Display 対応)
サムネイルとフォトの指定順序は揃えてください。getPhotoListの指定順序が、自動的にフォトの表示順となります。
お問い合わせ
下記アドレス宛にメールいただくか、こちらのページ をご利用ください。
