ワンランク上の画像ギャラリーjavascript「TripTracker slideshow」

画像ギャラリーを作成できるjavascriptは「Light Box」を筆頭に多く存在します。
しかしそのほとんどは見た目や機能性が画一的でした。
TripTracker slideshowでは見た目や多くの機能が十分に施されたjavascriptを公開しています。
*商用利用、ロゴの排除は有料です。

sponsors

使用方法

TripTracker slideshowからslide.jsをダウンロードし、以下の様にheadに書き込みます。
<script type="text/javascript" src="http://yourdomain/slide.js"></script>
<script type="text/javascript">
var viewer = new PhotoViewer();
viewer.add('画像URI1', 'タイトルなど', '日付など');
viewer.add('画像URI2', 'タイトルなど', '日付など');
viewer.add('画像URI3', 'タイトルなど', '日付など');
// 以下、画像分を明記
</script>
さらにHTMLに以下のように書き込みます。
<!-- テキストリンクの場合 -->
<a href="javascript:void(viewer.show(0))">Slideshow</a>
<!-- サムネイル画像の場合 -->
<a href="画像URI1" onclick="return viewer.show(0)"><img src="サムネイル画像URI1"></a>
<a href="画像URI2" onclick="return viewer.show(1)"><img src="サムネイル画像URI2"></a>
<a href="画像URI3" onclick="return viewer.show(2)"><img src="サムネイル画像URI3"></a>
// 以下、画像分を明記
*showのあとは0から始まることに注意してください。

sponsors

Javascriptサンプルページ一覧
skuare.net

サンプル

Slideshow