我正在使用Galleria(http://galleria.io/)动态生成图片到图库,偶尔会出现一个图库只包含一张图片的情况,此时我希望图库在没有缩略图容器的情况下显示,我该怎么做?
非常感谢您的帮助!
我当前的初始化脚本是:
Galleria.loadTheme('assets/js/galleria.classic.min.js');
// Initialize Galleria
Galleria.run('#galleria', {
show: selectedIndex,
showInfo: false,
swipe: true,
imageCrop: false,
responsive:true,
showCounter:true,
thumbnails:true,
lightbox: true,
trueFullscreen:true,
extend: function() {
this.bind(Galleria.IMAGE, function() {
$('#description').html(this.$('info-title').html());
$('.galleria-lightbox-title').html(this.$('info-title').html());
})
}
});
尝试缩略图:$("#galleria img").size()>1
$('#galleria img:only-child').hide();
当父元素只有单数时,您需要选择它的子元素-一个缩略图-jQuery选择器only-child
允许这样做-然后将语句链接到hide()
以隐藏它。