jQuery

【jQuery】Googleの画像検索風ギャラリーを作れるjQuery.GI.TheWall.js

August 30, 2014
jQuery.GI.TheWall.js

Light Box系のスクリプトも色々ありますが、ちょっと変わった形でギャラリーを実装したい時に使えそうなのが、Googleの画像検索風のギャラリーが作れるスクリプト【jQuery.GI.TheWall.js】
レスポンシブ対応でライセンスはMIT License.

オプション

var wall = $('div.wall').GITheWall({
  // Callbacks API
  onBeforeInit: null,
  onReady: null,
  onViewPortUpdate: null,
  onItemChange: null,
  onDestroy: null,
  onShow: null,
  onHide: null,
  onContentLoading: null,
  onContentLoaded: null,
  margin: {
    top: 10,
    bottom: 10
  },
  scrollerElm: null,
  scrollOffset: 150,
  // settings
  arrows: true,
  closebutton: true,
  keyboardNavigation: true,
  animationSpeed: 300,
  autoscroll: true,
  responsive: true,
  initialWrapperHeight: 600,
  dynamicHeight: true,
  nextButtonClass: '',
  prevButtonClass: '',
  closeButtonClass: ''
});