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：如何在標題中包含鏈接？

回答

相關問題