如何添加图片增量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事件来接收一个大的图像源，因为它是异步渲染的。有关详细信息，请参阅documentation page。