ありの木

English »

email address

写真共有の新しいカタチ。

製品のご紹介

概要

iPhone Sample 1

一度にたくさんの写真を披露できる写真ギャラリーです。タイル状に並んだ写真をタップすると写真が拡大され、前後の写真をめくりながら次々と閲覧できます。

Twitterやfacebookで写真を見せ合う際の新しい手法として、是非お役立てください。iOSとAndroid、そしてPCで動作します。

iPhone Sample 2

デモを見る

動作要件

iOS
Safari(iOS 5~)
Android
標準ブラウザ / Opera Mobile
PC
IE(9~) / Opera / Chrome / Safari / Firefox

ライセンス

本スクリプトはフリーウェアです。変更を加えない限り、個人・商用とも自由にご利用いただけます。(著作権表示も不要です)

作者の許可無しに、本スクリプトを販売・再配布することは禁止します。

ダウンロード

Ver.1.0.1 (1.09MB)

使い方

まず、使用する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の指定順序が、自動的にフォトの表示順となります。

お問い合わせ

下記アドレス宛にメールいただくか、こちらのページ をご利用ください。

email address