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

我试图把图片链接到一个像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>  

$（文档）.ready（函数（）{
setTimeout（函数（）{
$.fn.colorbox（{href:“/assets/img/popup.jpg”，open:true}）；
}, 20);
});  

---

我使用colorbox jQuery lightbox来完成这项工作。我只是不知道如何才能使图像可以点击到外部链接

不要使用

href

，而是像这样使用

html

：

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

$.fn.colorbox({
html:“”，
开放：是的，
});

---

当然，用正确的URL替换URL。当然，您可以在锚定标记上设置

target=''blank'

，以在新选项卡/窗口中打开。

谢谢Cymen-我尝试过，但似乎不起作用。。请访问www.warrenmews.com/index3.html，它现在甚至没有加载。。最后的20被设置为在有人加载页面时立即打开。所以超时。@user3666338请尝试将等待时间的20毫秒增加到1000（每秒）。只是为了调试。我不知道发生了什么事。如果我只是将其粘贴到您页面上打开的控制台中：

function openColorbox（）{$.fn.colorbox（{html:，open:true}）；}

然后在控制台中运行

openColorbox（）

，它会正常工作。