3

imgタイトルとaltタグをdiv( ) で表示する方法を探してい.image-captionます。

これまでの私のコードは次のとおりです。

    owl.on('changed.owl.carousel', function(event) {

        var comment = $(this).find('img').attr('alt');
        var title = $(this).find('img').attr('title');
        if(comment) $('#desktop .image-caption').html('<h4>'+title+'</h4><p>'+comment+'</p>');

    })

何か案は？ありがとう！

4

2 に答える 2

2

translated.owl.carouselそのためにイベントを使用できます

ここに働くフィドルがあります

owl.on('translated.owl.carousel', function(event) {
     var comment = $(this).find('.active').find('img').attr('alt');
    var title = $(this).find('.active').find('img').attr('title');
    if(comment) $('.image-caption').html('<h4>'+title+'</h4><p>'+comment+'</p>');
});

アップデート：

カルーセルの読み込み時に画像キャプションを更新するために、コードをわずかに改善し、機能を追加しました。

フィドル

于 2015-04-21T07:31:58.990 に答える