如何燈箱添加網頁鏈接

Question

誰能幫我，以示對鏈接，如下面的收藏夾彈出，

1）test1 2）test2 3）test3

如果有人下方點擊鏈接它應顯示在jQuery的燈箱，而不是打開目標空白或重定向在同一瀏覽器。

Answer 1

，如果您使用的fancybox插件這將工程..

<a id="manual1" data-image="/example-full.jpg,/example-full-2.jpg'><img src="/example-thumb.png" alt="example" /></a> 

<script type="text/javascript"> 
$('#manual1').click(function() { 
    var data = $(this).data('images').split(','), 
     options = { 
      padding : 38, 
      nextEffect : 'fade', 
      prevEffect : 'fade', 
      type: 'image' 
     }; 
    $.fancybox.open(data , options); 
}) 
</script> 

小提琴是：http://jsfiddle.net/voigtan/jJpAM/2/

Answer 2

我認爲這會工作

<script type="text/javascript"> 
$(document).ready(function() { 
$("a", ".rest-menuitem").click(
    function(event) { 
    event.preventDefault(); 
    var elementURL = $(this).attr("href"); 
    $.colorbox({iframe: true, href: elementURL, innerWidth: 645, innerHeight: 509}); 
    }); 
}); 
</script> 

設置根據innerWidth和innerHeight到您的內容。