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

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

使用方法
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」サンプル

2007年08月12日

前の記事：Movable Typeでページ分割するプラグイン「MTPaginate」
次の記事：テキストを隠してしまうjavascript「Spoilers」

関連記事

• 奥から手前にズームするJavaScript「Spacegallery.js」
• [jQuery]Galleria
• [jQuery]ScrollShow
• [prototype]Slideshow
• [mootools]SimpleViewGallery

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」