Asp.net mvc 不工作单击以缩放照片：添加灯箱效果

Im将我的图像添加到弹出脚本添加到以下脚本，但不显示弹出图像，弹出视图工作但不显示任何图像请给我一个解决方案，谢谢 风格

<link rel="stylesheet" type="text/css" media="screen" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css" />
<style type="text/css">
    a.fancybox img {
        border: none;
        box-shadow: 0 1px 7px rgba(0,0,0,0.6);
        -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
    } 
    a.fancybox:hover img {
        position: relative; z-index: 999; -o-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);
    }
</style>

a、 fancybox img{
边界：无；
盒影：0 1px 7px rgba（0,0,0,0.6）；
-o变换：缩放（1,1）；-ms变换：缩放（1,1）；-moz变换：缩放（1,1）；-webkit变换：缩放（1,1）；变换：缩放（1,1）；-o变换：所有0.2s缓进输出；-ms变换：所有0.2s缓进输出；-moz变换：所有0.2s缓进输出；-webkit变换：所有0.2s缓进输出；变换：所有0.2s缓进输出；
} 
a、 fancybox：悬停img{
位置：相对；z索引：999；-o变换：比例（1.03,1.03）；-ms变换：比例（1.03,1.03）；-moz变换：比例（1.03,1.03）；-webkit变换：比例（1.03,1.03）；变换：比例（1.03,1.03）；
}

JS

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script>
<script type="text/javascript">
    $(function($){
        var addToAll = false;
        var gallery = true;
        var titlePosition = 'inside';
        $(addToAll ? 'img' : 'img.fancybox').each(function(){
            var $this = $(this);
            var title = $this.attr('title');
            var src = $this.attr('data-big') || $this.attr('src');
            var a = $('<a href="#" class="fancybox"></a>').attr('href', src).attr('title', title);
            $this.wrap(a);
        });
        if (gallery)
            $('a.fancybox').attr('rel', 'fancyboxgallery');
        $('a.fancybox').fancybox({
            titlePosition: titlePosition
        });
    });
    $.noConflict();
</script>

$（函数（$）{
var addToAll=false；
var=true；
变量titlePosition='内部'；
$（addToAll？'img'：'img.fancybox'）。每个（函数（）{
var$this=$（this）；
var title=$this.attr（'title'）；
var src=$this.attr（'data-big'）| |$this.attr（'src'）；
var a=$（''）.attr（'href'，src）.attr（'title'，title）；
$this.wrap（a）；
});
国际单项体育联合会（画廊）
$（'a.fancybox'）.attr（'rel'，'fancyboxgallery'）；
$（'a.fancybox'）。fancybox({
滴定位置：滴定位置
});
});
$.noConflict（）；

html

<td class="col-sm-3">
                            <img src="@Url.Action("FileName", "Component", new { id = item.FileName })" alt="@item.FileName" style="width:20px; height:20px;" data-big="big-image.jpg" class="fancybox" />
                        </td>