Colorbox 함수 이미지를 클릭 할 수있게 만드는 방법

Question

jQuery에 새로 워서 다음과 같은 기본적인 도움을 얻을 수 있기를 바랍니다. user3571366에서 제공하는 Colorbox에서이 훌륭한 기능을 발견했으며 완벽하게 작동합니다. 그러나

<link href="popup/colorbox.css" rel="stylesheet"></link> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
<script src="popup/jquery.colorbox-min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$.fn.colorbox({href:"popup/popup_image.jpg", open:true}); 
}); 
</script> 

, 당신은 (URL을 이동하려면 이미지를 즉. 사용자가 클릭?) 그 popup_image.jpg의 클릭을 어떻게

Answer 1

하나 개의 정적 링크의 경우에는 아래의 코드

$.colorbox({ 
    href:"", 
    open:true, 
    onComplete:function(){ 
     $('#cboxLoadedContent').click(function(){ 
      window.location.replace('http://www.google.com/'); 
     }) 
    } 
}); 

을 사용할 수 있습니다

동적 이미지의 경우 anchor 링크에 data-url 값을 추가하여 onclick이 해당 링크로 동적으로 리디렉션되도록 할 수 있습니다.

HTML

<a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee." data-url="http://stackoverflow.com/questions/26623556/colorbox-function-how-to-make-image-clickable">Stackoverflow</a> 

JS

$(".group1").colorbox({rel:'group1',onComplete:function(e){ 
    if($(e.el).data('url')) 
     $('#cboxLoadedContent').prop("onclick", null).unbind('click').click(function(){ 
       window.location.replace($(e.el).data('url')); 
     }) 
}}); 

UPDATE

는 아래의 코드를 사용하여 코드를 바꿉니다.

$.colorbox({ 
    href:"http://s3.argim.net/files/s/gatobailedw7_4ew.gif", 
    open:true, 
    onComplete:function(){ 
     $('#cboxLoadedContent').click(function(){ 
      window.location.replace('http://google.com'); 
     }) 
    } 
}); 

참고 :이 donot는 http://