OWL-CAROUSEL2带图像标题

时间:2016-11-11 10:31:37

标签: javascript jquery owl-carousel

这个问题最初是由Shaken在2015年提出的 我做了那里的回答,但是调试器告诉我事件永远不会被触发,所以没有任何事情发生,尽管旋转木马工作得很好。
以下是相关代码:

$("#selvigallery").owlCarousel({
    singleItem : true,
    ...
        onInitialized : function(event){
            var activeImg = $('.owl-carousel').find('.active').find('img');
            var title = activeImg.attr('title');
            if(title) $('.image-caption').html('<h4>'+title+'</h4>');
        },
        onChanged : function(event){
            var activeImg = $('.owl-carousel').find('.active').find('img');
            var title = activeImg.attr('title');
            if(title) $('.image-caption').html('<h4>'+title+'</h4>');
        },
    //Transitions
    transitionStyle : "fade"

});

在从未达到的2个事件上设置断点 我错过了什么?

1 个答案:

答案 0 :(得分:0)

<强>解决
我不知道为什么,但经过大量研究后我做了2次更改:激活字幕替换的事件是'afterMove'。没有人为我做这份工作。第二个问题是'addClassActive:true',对我来说绝对是必需的。最后一段代码是:

`   addClassActive : true,

    afterMove: function(event) {
    var activeImg = $('.owl-carousel').find('.active').find('img');
    var title = activeImg.attr('title');
    if(title) $('.hotel-caption').text(title);
        },`

希望它可以帮助你。