如何使Justified Gallery jQuery插件与lighGallery jQuery插件一起使用

时间:2016-01-14 22:16:51

标签: javascript jquery html jquery-plugins lightgallery

我正在使用合理的Gallery jQuery插件(http://miromannino.github.io/Justified-Gallery)构建我的图片库,并尝试使用lightGallery插件(http://sachinchoolur.github.io/lightGallery)作为灯箱。

这是我用来触发两者的代码:

HTML:

<div id="mygallery">
  <a href="imagepath/img.jpg"><img class="thumb" src="imagepath/img-thumb.jpg" alt="img description"></a>
  <a href="imagepath/img.jpg"><img class="thumb" src="imagepath/img-thumb.jpg" alt="img description"></a></a>
</div>

JS:

$('#mygallery').justifiedGallery({
    rowHeight: 120,
    margins: 5,
  }).on('jg.complete', function () {
$('#mygallery a').lightGallery({
  thumbnail: true,
  animateThumb: false,
  showThumbByDefault: false
});

0 个答案:

没有答案