当前/活动映像上的数据

Question

我有一个猫头鹰旋转木马，每张幻灯片有一个项目，画廊中的每个图像都有不同的尺寸和纵横比。

我想要的是获得当前或活动图像的宽度和高度。

我试过：

$owl.on('changed.owl.carousel', function(event) {
    var $activeimg = $(".active").find("img");
    console.log($activeimg.width() + " , " + $activeimg.height());
});

但是，这将返回图像以前的维度，而不是它所更改的图像。

Answer 1

您需要知道，当轮播的一个成员发生更改时，changed事件被激发。因此，您必须证明哪个成员已更改，并且您的选择器无法工作，因为在呈现开始之前调用了事件处理程序。因此,类似这样的方法可能是更好的方法：

$('.owl-carousel').on('changed.owl.carousel', function(e) {
    if (e.namespace && e.property.name === 'position') {
         var position = e.relatedTarget.relative(e.property.value);
         var $image = e.relatedTarget.items(position).find('img');
         console.log($image.width(), $image.height());
    }
});

您应该使用最新的开发程序:https://github.com/owlfonk/owlcarousel2#building。