相关疑难解决方法(0)

Owl Carousel 2 - 获取当前幻灯片的src

我有以下代码块.我要做的就是在幻灯片放映中获取当前图像的src.它没有工作,尽管它改变了幻灯片,但控制台中根本没有出现任何内容.

HTML:

<div id="banner" class="owl-carousel">
    <img src="template/banner-1.jpg" alt="">
    <img src="template/banner-2.jpg" alt="">
    <img src="template/banner-1.jpg" alt="">
    <img src="template/banner-2.jpg" alt="">
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的:

var owl = $(".owl-carousel");
owl.owlCarousel({
    loop: true,
    autoplay: true,
    items: 1,
    animateOut: 'fadeOut',
    onChange: function (elem) {
      var current = this.currentItem;
      var src = elem.find(".owl-item").eq(current).find("img").attr('src');
      console.log('Image current is ' + src);
    }
});
Run Code Online (Sandbox Code Playgroud)

jquery owl-carousel-2

9
推荐指数
1
解决办法
5万
查看次数

标签 统计

jquery ×1

owl-carousel-2 ×1