jQuery/Colorbox - tạo liên kết riêng để mở hộp màu?

Question

Tôi đang cố gắng mở một Hộp màu jQuery từ một liên kết bên ngoài phần còn lại của hình ảnh hộp màu. Vì vậy, tất cả những ví dụ như thế này:

<a href="image1.png" rel="group1"><img src="thumb1.png" /></a> 
<a href="image2.png" rel="group1"><img src="thumb2.png" /></a> 
<script>$("a[rel='group1']").colorbox();</script> 

OK, đó là tốt, nhưng tôi cũng cần phải mở hộp thuốc vẽ mà từ một liên kết riêng biệt:

<a href="?"> this link should also open the colorbox </a> 

gì làm tôi phải đặt đâu làm việc đó đi? Tất cả các ví dụ hộp màu chỉ hiển thị những gì trong khối mã đầu tiên và tôi không phải là chuyên gia về jQuery.

Answer 1

Ah, đã tìm ra! Đây hoạt động:

Thay đổi liên kết đầu tiên:

<a href="image1.png" rel="group1" id="something"><img src="thumb1.png" /></a> 

Sau đó, thiết lập liên kết thêm của chúng tôi như thế này:

<a href="#" onclick="$('#something').colorbox({rel:\'post' . $post->ID . '\', open:true});">click here</a> 

Answer 2

Dưới đây là một điều tương tự mà làm việc cho dự án của tôi.

HTML

//I "display:none" the images gallery to hide them... 
<div style="display:none;"> 
<a href="image1.jpg" rel="example1">Grouped Photo 1</a> 
<a href="image2.jpg" rel="example2">Grouped Photo 2</a> 
<a href="image3.jpg" rel="example3">Grouped Photo 3</a> 
</div> 

//...then when I click on this JPG image the group of images (above) appear in a colorbox 
<img src="circle1.jpg" width="147" height="149" alt="circle" class="circle1" /> 

Đây là jQuery

$(document).ready(function(){ 

    //when i "click" on the image with a class of "circle1" it opens the "example1" group 
    $('.circle1').click(function() { 
     $("a[rel='example1']").colorbox({open:true}); 
    }); 

}); 

Answer 3

dụ này hoạt động, nhưng không có lựa chọn tiếp theo và trước: http://jsfiddle.net/pd6JN/8/

Answer 4

Hãy thử điều này:

$(".link-to-click").click(function() { 
    $("a.colorbox-link").colorbox({open:true, rel:'colorbox-class-group'}); 
});