THUMBNAIL GALLERY


Description: よく見るサムネイルのあるイメージギャラリーですが、ユニークな特徴として、種類でソートすることが可能です。多くの画像をコンパクトにまとめたい時などにも良さそうですね。
Sample: demo
Tutorial: THUMBNAIL GALLERY JQUERY PLUGIN
License: -

Note

$('#gallery_2').dcThumbnailGallery({
        'source':'images/gallery.xml',
        'settings':{
                'gallery':{
                        'thumbnailPosition':'top',
                        'thumbnailAutoHide':true,
                        'categoryPosition':'bottom',
                        'buttonThemeColor':'#ff8800',
                        'buttonThemeTextColor':'#000000',
                        'controlsEnabled':false,
                        'resizeMode':0
                },
                'basic':{
                        'backgroundColor':'#111111',
                        'themeColor':'#ff8800',
                        'themeTextColor':'#FFFFFF',
                        'themeAlpha':100,
                        'autoSlideShowEnabled':true,
                        'slideShowEnabled':true,
                        'slideShowInterval':5,
                }
        }
});

セッティング用のコードです。

Related snippet :

  • Description: ボタンのクリックでLightbox風にギャラリーごとポップアップさせるプラグインです。ポップアップ以外にスライドダウン形式も用意。呼び出されるギャラ ...
  • Description: Appleのスライドショーのようなギャラリーを構築するチュートリアルです。デモではcss3と、IE7のハックを用いているので汎用的とは言えませんが、 ...
  • Description: ややニッチな用途です。iPadや、iPhoneのようなタッチデバイス向けのLightbox系プラグイン。縦でも横でも画像幅を自動で最適化してくれます ...
  • Description: 横幅全体を使ったダイナミックなイメージギャラリーです。IE6以外はかなり素敵な表現が出来そう。アニメーションしながらズームし、そのままスライドショー ...
  • Description: Youtubeのプレイリストをサムネイル表示し、その場で再生可能にするプラグインです。クロスブラウザで動作可能。サイズも簡単に変更できるようです。な ...
  • Description: z-indexを使ったユニークなギャラリーです。まるで本物の紙を見ているかのような錯覚を起こします。クロスブラウザ対応です。 S ...
  • Description: 画面全体を使った3Dギャラリーです。IE6では表示されませんでしたが、7では動作してくれました。画像はドラッグで移動可能です。インパクト有りますね・ ...