ヘッダー

ギャラリー5

Colorboxによるデモンストレーション。スタイルシートは5種用意されています。

拡大効果

Grouped Photo 1

Grouped Photo 2

Grouped Photo 3

フェード効果

Grouped Photo 1

Grouped Photo 2

Grouped Photo 3

効果なし+固定幅と高さ(画面サイズの75%)

Grouped Photo 1

Grouped Photo 2

Grouped Photo 3

スライドショー

Grouped Photo 1

Grouped Photo 2

Grouped Photo 3

その他のコンテンツタイプ

ビデオ(Iframe / YouTubeへの直接リンク)

外部ウェブページ(Iframe)

インラインHTML

Colorbox - a jQuery lightbox
軽量でカスタマイズ可能なjQuery用ライトボックスプラグイン

設定

その他のコンテンツタイプ

プロパティ既定値説明
iframefalsetrueの場合、コンテンツをiFrameに表示するよう指定します。
inlinefalse

trueの場合、hrefプロパティ、jQueryセレクタまたはjQueryオブジェクトを渡すことによって、現在のドキュメントのコンテンツを表示できます。

// Using a selector:
$("#inline").colorbox({inline:true, href:"#myForm"});

// Using a jQuery object: var $form = $("#myForm"); $("#inline").colorbox({inline:true, href:$form});

htmlfalseHTMLまたはテキストの文字列を表示する場合: $.colorbox({html:"<p>Hello</p>"});
photofalsetrueの場合、この設定は強制的にカラーボックスにリンクを写真として表示します。 自動写真の検出に失敗した場合(「photo.jpg」の代わりに「photo.php」のようなURLを使用するなど)に使用します。
ajaxこのプロパティは実際には使用されません.Colorboxは、他のコンテンツタイプのいずれかが指定されていない限り、すべてのhrefをajaxまたはphotosとして扱う必要があると仮定しています。
サイドバー
inserted by FC2 system