2015-07-04 2 views
1

Когда я пытаюсь использовать код параметров Lightbox2, я получаю сообщение об ошибке «Лайтбокс не определен». Он отлично работает, когда я не добавляю код опции. Что такое правильный способ реализации вариантов, на сайте есть только это ...Lightbox 2 - как добавить опции

lightbox.option ({ 'resizeDuration': 200, 'опоясывающего: правда })

http://lokeshdhakar.com/projects/lightbox2/#options

+0

Покажите нам еще какой-нибудь код. Сомневаюсь, что вы получите полезный ответ таким образом. – herzrasen

+0

Нет кода для показа - вам не нужно явно инициализировать лайтбокс в jquery.Когда вы включаете js-скрипт, он автоматически инициализирует его - вот почему я не уверен, куда должен идти код опции. – jk105

+1

Если вы не используете AMD, 'lightbox' устанавливается в глобальном Убедитесь, что вы вызываете lightbox.options() после тега сценария lightbox.js. –

ответ

2

Вы можете установить параметры лайтбокса в файле, в который будет включен файл lightbox.js. Также, пожалуйста, включите jquery перед лайтбокс.

ниже код находится внутри блока в файле PHP:

<body> 
     ... 
     <script src="js/jquery-1.11.3.min.js"></script> // <-- this is important 
     <script src="js/lightbox.js"></script> 
     <script> 
      lightbox.option({ 
       'resizeDuration' : 200, 
       'wrapAround' : true 
      }); 
     </script> 
     ... 
    </body> 
+0

Да, это то, что я сейчас делаю, и я получаю сообщение об ошибке «Неотдача ReferenceError: lightbox is not defined» в консоли js. – jk105

+0

См. Мой отредактированный ответ – herzrasen

+0

Да, я также включаю jquery. Эта ошибка js возникает, когда я добавляю код «option» в демонстрационную версию, загруженную с веб-сайта, - http://lokeshdhakar.com/projects/lightbox2/#getting-started - вы тоже получаете эту ошибку? Спасибо за вашу помощь BTW – jk105

0

Может быть, это ошибка JSON. jsonLint говорит, что строка json неверна. Он хочет, чтобы ключевые имена были указаны (с реальными метками кавычек, а не appostrophes): lightbox.option({ "alwaysShowNavOnTouchDevices" : true, "showImageNumberLabel" : false, "wrapAround" : true }); Интересно, что он работает в некоторых браузерах с appostrophes и даже без кавычек вообще, так что это, по-видимому, зависит от реализации, но «Правильный» способ, по-видимому, заключается в использовании котировок («).

Смежные вопросы