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

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

使用方法
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から始まることに注意してください。
ワンランク上の画像ギャラリーjavascript「TripTracker slideshow」サンプル

sponsors

「ワンランク上の画像ギャラリーjavascript「TripTracker slideshow」」をシェアする

記事作成:
記事URL:

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