jquery - 如果图像更宽或更高，如何使用 Galleria jQuery 插件使 image_crop 有所不同？

Question

本质上，我想根据图库中每个图像的尺寸更改图像裁剪的变量。如果图像的高度大于宽度，我想切换到高度裁剪，否则保留宽度裁剪。到目前为止，我正在使用 Galleria 插件，我有以下代码:

if ($(image).width() > $(image).height()){  
var upordown = "width"
} else {        
var upordown = "height"
}

变量在这里，并且是 Galleria 选项列表的一部分:

 image_crop : upordown,

如有任何帮助，我们将不胜感激。

Answer 1

您是否正在寻找一种始终将图像放入容器内而不进行裁剪的方法？尝试将 image_crop(或最新版本中的 imageCrop)设置为 false。

编辑:您可以监听loadfinish事件并根据动态图像尺寸设置选项。您需要调用 refreshImage 来应用更改。

$('#galleria').galleria({
    extend: function() {
        var gallery = this,
            landscape;
        this.bind('loadfinish', function(e) {
            landscape = e.imageTarget.width >= e.imageTarget.height 
                ? 'width' : 'height';
            gallery.setOptions( 'imageCrop', landscape ).refreshImage();
        });
    }
});