Все рекомендовали лайтбокс, но он все еще не делает то, что, по-видимому, должен

Я пытаюсь создать галерею изображений на своем сайте, чтобы размещать скриншоты в статьях блога, где они будут актуальны. Потратив несколько часов на работу над собственным решением jquery с использованием моего собственного кода и не получив никакой помощи из любой точки сети, я сдался и решил использовать лайтбокс.

Я следовал инструкциям по его настройке на этой странице, однако он по-прежнему ничего не делает. По сути, все, что я сделал, это поместил ссылку на изображение на свою страницу...

Вот мой код, отображаемый на странице (адрес ниже):

<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>

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

Если кто-нибудь может сказать мне, что я сделал неправильно, я был бы очень признателен.


javascript jquery lightbox2
person Ortund    schedule 23.09.2014    source источник
comment
Включите jQuery перед лайтбоксом.   -  person j08691    schedule 23.09.2014
comment
видите, если бы уступившие траты человеческой жизни, с которыми я разговаривал, всего на секунду помогли мне, я бы не расстроился настолько, чтобы пропустить что-то такое простое... большое спасибо!   -  person Ortund    schedule 23.09.2014
comment
Firebug: ReferenceError: jQuery is not defined Инструменты разработчика Chrome: Uncaught ReferenceError: jQuery is not defined , поэтому я думаю, что ваша первая ошибка заключается в том, что вы не используете правильные инструменты...   -  person fvu    schedule 23.09.2014
comment
Нет, они были в употреблении, просто они были не в том месте, как указано в j08691.   -  person Ortund    schedule 23.09.2014
comment
@Ортунд conceded wastes of human life ??? серьезно??? ошибка была упомянута в строке 1 самыми основными инструментами, которые должен освоить любой веб-разработчик, поэтому немного сбавьте тон.   -  person fvu    schedule 23.09.2014
comment
@fvu, ты прав... что-то, что я бы заметил и действовал, если бы люди, которые слишком хороши, чтобы помочь парню, просто помогли мне, вместо того, чтобы давать мне половинчатые или неполные ответы, тем самым заставляя меня невероятно расстраиваться (я' я работал над этим часами, прежде чем посмотреть на лайтбокс - отсюда и разочарование)   -  person Ortund    schedule 23.09.2014
comment
@Ortund Вы даже не взглянули на консоль отладчика, смиритесь с этим, не обвиняйте других и их предполагаемую проблему с отношением к чему-то настолько элементарному, что < i>вы пропустили. Примирение с собственными ограничениями и случайными фазами слепоты — ключевой ингредиент для выживания в программировании :)   -  person fvu    schedule 23.09.2014
comment
Как включить jQuery перед лайтбоксом. половинчатый ответ? Это все равно, что сказать: вставьте ключ в замок зажигания, прежде чем заводить машину!   -  person Macsupport    schedule 23.09.2014
comment
@Macsupport, вы основываете предположения на половине информации. Половина ответов пришла до ссылки на jquery faux pas   -  person Ortund    schedule 24.09.2014

Ответы (1)


arrow_upward
1
arrow_downward

Просто убедился, что ссылка на jQuery находится в нужном месте (прежде всего дерьма с лайтбоксами) woopdeedoo

person Ortund    schedule 15.10.2014