Javascript帮助 - 添加链接到身体负载弹出的图像

时间:2016-02-28 08:31:50

标签: javascript jquery colorbox

我试图将图片链接到像www.google.com这样的外部来源,但我似乎无法弄明白。

该页面是www.warrenmews.com/index2.html javascript是:

<script type="text/javascript">  
$(document).ready(function(){
    setTimeout(function() {
        $.fn.colorbox({href:"/assets/img/popup.jpg", open:true});


    }, 20);
});  
</script>  

我正在使用colorbox jQuery灯箱来做到这一点。我只是弄清楚如何使图像可以点击外部链接。

1 个答案:

答案 0 :(得分:0)

不要使用href,而是使用html,如下所示:

$.fn.colorbox({
  html:"<a href='http://outside_link.com/'><img src='/assets/img/popup.jpg'></a>",
  open:true,
});

当然,请使用正确的URL替换URL。您当然可以在锚标记上设置target='_blank'以在新标签/窗口中打开。