Javascript 蓝精灵画廊不工作

我一直在四处寻找，试图找到蓝精灵不工作的答案

这是非常令人沮丧的，这是一个学校团队网站，我有点希望它很快完成

以下是我的代码片段：

<!-- Images -->
    <div id="links">
        <a href="1.jpg" title="Banana">
            <img src="1.jpg" alt="Banana">
        </a>
        <a href="2.jpg" title="Apple">
            <img src="2.jpg" alt="Apple">
        </a>
    </div>

    <!-- Photo Gallery Courtesy of Blueimp -->
    <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
        <div class="slides"></div>
        <h3 class="title"></h3>
        <a class="prev">‹</a>
        <a class="next">›</a>
        <a class="close">×</a>
        <a class="play-pause"></a>
        <ol class="indicator"></ol>
    </div>

    <script type="text/javascript">document.getElementById("links").onclick=function(e){e=e||window.event;var t=e.target||e.srcElement,n=t.src?t.parentNode:t,r={index:n,event:e},i=this.getElementsByTagName("a");blueimp.Gallery(i,r)}</script>

‹
›
×
document.getElementById（“links”）.onclick=function（e）{e=e | | | window.event；var t=e.target | | | e.src元素，n=t.src？t.parentNode:t，r={index:n，event:e}，i=this.getElementsByTagName（“a”）；blueimp.Gallery（i，r）}

以下是我头部部分的参考资料：

<!-- Styles -->
<link rel="stylesheet" href="/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/styles.css" />
<link rel="stylesheet" href="/css/animate.css" />
<link rel="stylesheet" href="/css/blueimp-gallery.min.css" />
<link rel="stylesheet" href="/css/bootstrap-image-gallery.min.css" />

以下是文档底部的JS参考：

<!-- JS at bottom for faster load -->
<script type="text/javascript" src="/scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/scripts/menu_jquery.js"></script>
<script type="text/javascript" src="/scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.blueimp-gallery.min.js"></script>
<script type="text/javascript" src="/scripts/bootstrap-image-gallery.min.js"></script>

如果有人能告诉我出了什么问题，那就太好了？就个人而言，文档似乎非常模糊，这似乎是一个伟大的产品。我现在将描述我得到了什么

我正在拍摄图像，好吧，但是它们没有调整大小，而且相当大。。。它一点也不像画廊。我可以点击图片，但是，它只是像预期的那样使页面变暗，但没有图片库之类的东西

那么，有没有更好的画廊系统或更好的教程，甚至更好的，可以教我如何做到这一点的人

---

非常感谢

将阿曲布他数据集纳入

例如：

<div id="links">
    <a href="1.jpg" title="Banana" data-gallery>
        <img src="1.jpg" alt="Banana">
    </a>
    <a href="2.jpg" title="Apple" data-gallery>
        <img src="2.jpg" alt="Apple">
    </a>
</div>