jquery - 当前/活动图像的数据

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 。