【jQuery】Googleの画像検索風ギャラリーを作れる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: ''
});
 
jQuery.GI.TheWall.js

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

  • LATEST
  • RELATED
  • POPULAR