Kev*_*inB 2 jquery href fancybox
我正在尝试为您当前在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>
Run Code Online (Sandbox Code Playgroud)
我尝试复制粘贴之image.jpeg类的,但这不起作用:
var href = $('.fancybox-image').attr('href');
$('a.test').attr('href', href );
Run Code Online (Sandbox Code Playgroud)
我不确定我是否理解你的问题,但你可以在fancyBox的标题区域内添加下载链接 - http://jsfiddle.net/zAe6Z/
$(".fancybox").fancybox({
afterLoad: function() {
this.title = '<a href="' + this.href + '">Download</a> ' + this.title;
},
helpers : {
title: {
type: 'inside'
}
}
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
6084 次 |
| 最近记录: |