Jquery Fancybox下载图片
我正在尝试为您当前在Fancybox中查看的图像制作一个下载按钮。 我认为这将是一件容易的事情,因为url已经存储在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方式 这
中,然后。将它附加到链接的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'
}
}
});