Html 图片未加载阴影框

我已经将Shadowbox添加到我的HTML页面，以便在页面加载时弹出一个图像。页面加载和图像弹出窗口出现并显示“加载”，图片不显示。我使用的图像只有64kb

    <!--shadowbox-->
<link rel="stylesheet" type="text/css" href="css/shadowbox.css">
<script type="text/javascript" src="js/shadowbox.js"></script>
<script type="text/javascript">
    Shadowbox.init({
    // skip the automatic setup 
    skipSetup: true
    });
    window.onload = function() {
    // open ASA the window loads
    Shadowbox.open({
    content:    '<img src="images/Xmas-Mobarak.jpg" alt="alt" />',
    player:     "img",
    title:      "Merry Christmas",
    height:     313,
    width:      500
    });
    };
</script>

Shadowbox.init({
//跳过自动设置
skipSetup：对
});
window.onload=函数（）{
//打开窗户
暗箱，打开({
内容：“”，
玩家：“img”，
标题：“圣诞快乐”，
身高：313，
宽度：500
});
};

我发现了我的问题

取代这个 内容：

'<img src="images/Xmas-Mobarak.jpg" alt="alt" />',

content:   'images/Xmas-Mobarak.jpg',