Question

所有质量和其他人的编码员都好！

我有一个使用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文件，但它所做的只是前进到下一张照片。我通过颜色框参数看到有很多选项，但我对此知之甚少，无法确定哪一种是最好的选择。

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

Answer 1

查看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>';
}});

我认为这就是你要找的东西。在该函数中，您可以在_blank窗口中引用zip文件而不是相同的图像。但是，这应该让你去。

Answer 2

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

这是colorbox 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 !!

Answer 3

它位于ColorBox文档中：将标题设为链接

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

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

显然你需要修改link参数，但是你没有给我们足够的信息来举例说明。

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

3 个答案: