colorbox：如何在标题中包含链接？

我有颜色框使用一个简单的画廊......

$(document).ready(function() 
     { 
     $(".gallery").colorbox({rel:'gallery', transition:"none", width:"95%", height:"95%"}); 
     }) 

    <a class="gallery" href="image.jpg" title="Click here to download hi-res version"><img src="imageThumbnail.jpg"></a>

我想每张照片包含在标题的链接，使用户可以下载高分辨率版本（一个zip文件）。我尝试将href设置为zip文件，但它所做的只是前进到下一张照片。我通过colorbox参数看到有很多选项，但我对这个知之甚少，不知道哪一个是最好的方法。

任何帮助将不胜感激......谢谢！

来源

2013-03-11 MrGreggan

在colorbox homepage顶部的“用法”一节的展望存在使用功能为标题的例子：

// ColorBox can accept a function in place of a static value: 
$("a.gallery").colorbox({rel: 'gal', title: function(){ 
    var url = $(this).attr('href'); 
    return '<a href="' + url + '" target="_blank">Open In New Window</a>'; 
}});

我认为这是你在找什么。在函数中，你可以引用一个zip文件，而不是_blank窗口中的相同图像。但是，这应该让你去。

来源

2013-03-11 17:48:41 Claude

它在彩盒文档：使标题的链接

http://www.jacklmoore.com/colorbox/faq#faq-titlelink

$('a.gallery').colorbox({title:function() { 
    return "To view full size, click here!".link(this.href); 
}});

显然，你将需要修改链接的说法，但是你没有给我们一个例子足够的信息。

来源

2013-03-11 17:50:36 isherwood

我得到了它的工作，感谢您的帮助Claude和isherwood ......谢谢！

这里的颜色框的jQuery：

$(document).ready(function(){ 
    $(".gallery").colorbox({rel:'gallery', transition:"none", width:"95%", height:"95%"}); 
}); 

$(document).ready(function(){ 
    $("a.gallery").colorbox({ 
     rel: 'a.gallery', 
     title: function(){ 
      var url = $(this).attr('name'); 
      var txt = $(this).attr('title'); 
      return txt+'<br /><a href="'+url+'" target="_blank">download hi-res (.tif.zip)</a>'; 
     } 
    }); 
});

和HTML：

<a href="Image.jpg" class="gallery" name="Image.zip" title="Image"> 
    <img src="thumbnail/Image.jpg"> 
</a>

YAY！

来源

2013-03-12 13:05:38 MrGreggan

感谢队友，这对我也有效。 – Aaron 2015-08-19 10:39:30

colorbox：如何在标题中包含链接？

回答

相关问题