Jquery Fancybox下载图片

Jquery Fancybox下载图片,jquery,fancybox,href,Jquery,Fancybox,Href,我正在尝试为您当前在Fancybox中查看的图像制作一个下载按钮。 我认为这将是一件容易的事情,因为url已经存储在fancybox的中,然后。将它附加到链接的href(标记)。我只是缺乏jQuery技能来完成它 在fancybox.js中,我添加了标记: <img class="fancybox-image" src="image.jpeg" alt="" /> <a href="" class="test">Download</a> jQuery方式 这

我正在尝试为您当前在Fancybox中查看的图像制作一个下载按钮。 我认为这将是一件容易的事情,因为url已经存储在fancybox的
中,然后
。将它附加到链接的
href
标记)。我只是缺乏jQuery技能来完成它

fancybox.js
中,我添加了
标记:

<img class="fancybox-image" src="image.jpeg" alt="" />
<a href="" class="test">Download</a>
jQuery方式 这个答案展示了如何使用标准jQuery方法来实现这一点,并更正了OP给出的代码另请参见,了解如何使用Fancybox完成此操作

您在此处发布的代码无效,因为
属性中没有
href
属性:

var href = $('.fancybox-image').attr('src');
$('a.test').attr('href', href );
但是,只有当只有一个图像具有类
.fancybox image
时,这才有效。如果图库中有多个图像,请使用以下方法:

$('.fancybox-image').each(function (){
    var href = $(this).attr('src');
    $(this).next("a").attr("href", href);
});

我不确定我是否理解您的问题,但您可以在fancyBox的标题区内添加下载链接-

$(“.fancybox”).fancybox({
后加载:函数(){
this.title=''+this.title;
},
助手:{
标题:{
类型:“内部”
}
}
});

你可以在这里发布你已经拥有的代码的相关部分吗?很抱歉,首先在这里发布我无法正确显示代码--我为你编辑了这篇文章,使用4个空格来表示将来的代码。如果我误解了问题的任何部分,请随时回复您想要的任何更改。请参阅以了解更多详细信息。Tyvm:)您做对了。Thx稍微更改了您的代码并使其正常工作:$('.fancybox-inner').each(function(){var href=$('.fancybox-image').attr('src');$(this.children('a').attr('href',href);})
接下来是IMG。@凯文:如果你解决了这个问题,我的回答对你有帮助,请考虑。谢谢你让它看起来很简单。我真的找了很久了。
$('.fancybox-image').each(function (){
    var href = $(this).attr('src');
    $(this).next("a").attr("href", href);
});
$(".fancybox").fancybox({
    afterLoad: function() {
        this.title = '<a href="' + this.href + '">Download</a> ' + this.title;
    },
    helpers : {
        title: {
            type: 'inside'
        }
    }
});