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

时间:2014-10-08 13:10:43

标签: jquery 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 - 此页面上我的代码示例。

1 个答案:

答案 0 :(得分:0)

你使用一个非常奇怪的选择器。尝试使用jQuery(".fotorama__img").click(...)jQuery(".fotorama__stage__shaft .fotorama__active img")。此外,您应该使用fotorama:showend事件来接收大图像src,因为它会异步呈现。有关详细信息,请参阅documentation page