[JS]大きな画像に最適な画像ギャラリーのスクリプト -jbgallery

ページの背景を使用したダイナミックな画像ギャラリーのスクリプトを紹介します。

デモのキャプチャ

jbgallery 2.0
デモ

デモはコンテンツ箇所を消すことも可能で、ブラウザのサイズに合わせて比率を維持しまま拡大することもできます。

デモのキャプチャ

コンテンツを消したキャプチャ

ギャラリーの操作は自動と手動に対応しており、デモでは右上にコントールボタンがあります。
操作はキーボードの矢印キーでも可能です。

デモのキャプチャ

ギャラリーのコントールボタン

コントールは上記のシンプルなタイプだけでなく、サムネイルやナンバータイプのものも用意されています。

デモのキャプチャ

menu -slider
サムネイルタイプのコントロール

オプションではコントロールだけだなく、多彩なカスタマイズが可能です。

  • 画像のスタイル:ズーム、センタリング
  • キャプションの有無
  • ポップアップの有無
  • フェードなどのアニメーションの時間
  • など

動作テストを行ったブラウザはIE6/7/8, Fx3.5, Safari3.2/4, Chrome, Op9/10とのことです。
※ズーム時にOperaのキーボード操作で不具合があるそうです。

sponsors

top of page

©2024 coliss