Question

我正在尝试在我的网站上创建一个图片库，以便我可以将屏幕截图放到他们相关的博客文章中。在使用我自己的代码花了几个小时处理自定义jquery解决方案并且无法从网上的任何地方获得任何帮助之后，我陷入困境并决定使用lightbox。

我按照说明进行了设置on this page但是，它仍然没有做任何事情。基本上我所做的就是在我的页面上放置一个链接到图像......

这是我在页面上呈现的代码（下面的网址）：

<head>
    <link href="/js/lightbox/css/lightbox.css" rel="stylesheet" />

    <!--[if lte IE9]>
        <link href="/css/ie.css" type="text/css" rel="stylesheet" />
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script src="/js/lightbox/js/lightbox.min.js"></script>
            <script src="/js/lightbox/js/jquery-1.11.0.min.js"></script>
</head>
<body>
    <!-- skipping irrelevant content -->

    <h3 id="screenshots">Screenshots</h3>
    <div class="screenshots">
        <a href="http://loganyoung.za.net/images/articles/logan-mvc-error-big.png" data-lightbox="image-1" data-title="My caption">Image #1</a>
        <a href="http://loganyoung.za.net/images/articles/logan-mvc-error-big.png" data-lightbox="MVCError"><img src="http://www.loganyoung.za.net/images/articles/logan-mvc-error-big.png" alt="" width="150" height="150" class="alignleft" /></a>
        <a href="http://loganyoung.za.net/images/articles/logan-mvc-error-small.png" data-lightbox="MVCError"><img src="http://www.loganyoung.za.net/images/articles/logan-mvc-error-small.png" alt="" width="150" height="150" class="alignleft" /></a>
    </div>

    <!-- skipping more irrelevant content -->
</body>
</html>

网址 http://loganyoung.za.net/error-reporting-in-mvc/

如果有人能告诉我我做错了什么，我会非常感激。

Answer 1

确保jQuery被引用到正确的位置（在所有灯箱废话之上）woopdeedoo

每个人都推荐灯箱......它仍然没有做它显然应该做的事情

1 个答案: