0

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

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

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

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

4

3 回答 3

2

查看彩盒主页顶部的“使用”部分，有一个使用函数作为标题的示例：

// 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-11T17:48:41.637 回答
2

我得到了它的工作，感谢您的帮助克劳德和艾舍伍德......谢谢！

这是颜色框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>

耶！！

于 2013-03-12T13:05:38.337 回答
0

它在 ColorBox 文档中：使标题成为链接

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-11T17:50:36.563 回答