Fancybox下载图片

Question

我正在尝试为您当前在Fancybox中查看的图像制作一个下载按钮.我认为这样做很容易,因为url已经存储在<img>标签中,所以我想我可以重新使用它作为链接.

我甚至试图找到<img>的src中的fancybox,然后.append它的href链接(<a>标签).我只是缺乏jQuery技能来完成它.

要fancybox.js我加了<a>标签:

<img class="fancybox-image" src="image.jpeg" alt="" />
<a href="" class="test">Download</a>

我尝试复制粘贴之image.jpeg类的,但这不起作用:

var href = $('.fancybox-image').attr('href');
$('a.test').attr('href', href );

Answer 1

我不确定我是否理解你的问题,但你可以在fancyBox的标题区域内添加下载链接 - http://jsfiddle.net/zAe6Z/

$(".fancybox").fancybox({
    afterLoad: function() {
        this.title = '<a href="' + this.href + '">Download</a> ' + this.title;
    },
    helpers : {
        title: {
            type: 'inside'
        }
    }
});