如何将图像从URL加载到阴影框？

Question

我正在使用shadow-box在我的项目中显示图像，我对css和js文件进行了集成并调用了函数：

<link rel="stylesheet" type="text/css" href="../../libraries/shadowbox-3.0.3/shadowbox.css">
<script type="text/javascript" src="../../libraries/shadowbox-3.0.3/shadowbox.js"></script>
<script type="text/javascript">
    Shadowbox.init();
</script>

以下是通过src链接获取wrap属性和rel='shadowbox'图片的代码

$('#display_article #core_art').each(function(){
        var src = $(this).find('img').attr('src');
        $(this).find('img').wrap("<a href='"+ src +"' rel='shadowbox'></a>");
    });

问题是，当我点击图片时，会出现影子框，但图片却没有。什么似乎是问题？