Jquery 如何添加一个增加图片的fotorama插件

我试图通过点击插件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();
    });
});

jQuery（“div:contains（'fotorama\uuu stage\uu帧fotorama\uuu淡入后fotorama\uu加载fotorama\uu加载--img fotorama\uu激活”）：contains（'img.fotorama\uu img'）。单击（函数（）{
var o=jQuery（this.parent（）；
var url=jQuery（“div:contains（'--img fotorama_uactive'））”）.find（'img'）.attr（'src'）；
var html=''
o、 附加（html）；
o=o.find（'.clone'）；
o、 制作动画（{}）；
console.log（'click'）；
o、 单击（函数（）{
jQuery（'.clone'）.remove（）；
});
});

如何修复此错误？

---

-此页上的代码示例。

您使用了一个非常奇怪的选择器。尝试使用

jQuery（“.fotorama\uuu img”）。单击（…）

和

jQuery（.fotorama\uu stage\uu shaft.fotorama\uu active img”）

。另外，看起来您应该使用

fotorama:showend

事件来接收大图像src，因为它是异步渲染的。有关更多信息，请参阅。

Sergey，谢谢您的建议。我使用fotorama:load事件。但我不明白如何将click仅应用于全局。现在，单击“下一步+上一步”按钮和拇指图像的函数“工作”。此选择器

jQuery（“.fotorama\uuuuu stage\uuu frame.fotorama\uuuu loaded.fotorama\uuuu loaded--img.fotorama\uu active img”）

仅返回大图。尝试使用它。你也可以使用FotoramaAPI来访问活动的大图像。您可以这样做

jQuery（.fotorama”）.data（“fotorama”）.activeFrame.$stageFrame

Thank's。这个问题解决了，但又出现了另一个问题。我看到两个单击om控制台日志+两个带有class=“clone”的对象。