jquery - 如何添加增加图片的fotorama插件

Question

我尝试通过点击插件fotorama来添加图片的增加。我使用此代码来增加活动图像，但此代码适用于页面上的所有元素。

jQuery("div:contains('fotorama__stage__frame fotorama__fade-rear fotorama__loaded     fotorama__loaded--img fotorama__active'):contains('img .fotorama__img')").click(function () {
    var o=jQuery(this).parent();
    var url= jQuery("div:contains('--img fotorama__active')").find('img').attr('src');  
    var html='<a href="" class="clone"><img src="'+url+'" /></a>'
    o.append(html);
    o=o.find('.clone');
    o.animate({});
    console.log('click');
    o.click(function () {
        jQuery('.clone').remove();
    });
});

如何修复这个错误？ http://arngoldt.com/?page_id=18 - 我在此页面上的代码示例。

Answer 1

你使用了一个很奇怪的选择器。尝试使用jQuery(".fotorama__img").click(...)和jQuery(".fotorama__stage__shaft .fotorama__active img")。此外，看起来您应该使用fotorama:showend事件来接收大图像 src，因为它是异步呈现的。有关详细信息，请参阅文档页面。