LightBox2 2.7.1 pop-out не работает

Я загрузил сценарий для последней версии lightbox2. Я добавил файлы .js, а также .css-файл в свой тег head. Я использовал новые атрибуты в своем коде для изображений, и я убедился, что все файлы находятся в папке, в которой они должны находиться. Тем не менее, я не могу получить функциональность, когда вы нажимаете миниатюру, появляется большее изображение.LightBox2 2.7.1 pop-out не работает

Пожалуйста, помогите. Вот моя голова:

<head> 
     <meta charset="UTF-8" /> 
     <script src="js/jquery-1.11.0.min.js"></script> 
     <script src="js/lightbox.min.js"></script> 
     <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Amatic+SC' rel='stylesheet' type='text/css'> 
     <link rel="stylesheet" type="text/css" HREF="index.css" /> 
     <link href="css/lighbox.css" rel="stylesheet" /> 

     <title> 
     Welcome! | DaveAyotte.com 
     </title> 
    </head>

А вот раздел, в котором я показываю фотографии:

<div class="photobox"> 
      <a href="img/img1.jpg" data-lightbox="photos"><img src="img/img1thumb.jpg" /></a> 
      <a href="img/img2.jpg" data-lightbox="photos"><img src="img/img2thumb.jpg" /></a> 
      <a href="img/img3.jpg" data-lightbox="photos"><img src="img/img3thumb.jpg" /></a> 
      <a href="img/img4.jpg" data-lightbox="photos"><img src="img/img4thumb.jpg" /></a> 
      <a href="img/img5.jpg" data-lightbox="photos"><img src="img/img5thumb.jpg" /></a> 
     </div>

редактировать: Я на самом деле просто заметил, что вместо того, чтобы создать всплывающее окно, как это предполагается, это открывая изображение за пределами основного div моего сайта (используется для хранения всего в едином размере), создавая полосу прокрутки, которую нужно прокрутить по длинному пути для просмотра щелкнутого изображения.

источник

2014-11-11 Thr3bx

Пожалуйста, проверьте lightbox.css файл, чтобы увидеть, если его должным образом связаны или нет, и добавить атрибут типа, а также в связи теге lightbox.css

Вы должны добавить атрибут отн под якорный тег, как этот

<a href="color lef.jpg" data-type="album" rel="lightbox" > 
    <img src="color lef.jpg" width="100" height="100" /> 
</a>

источник

2014-12-21 21:01:21

oops Я пропустил, вам нужно добавить атрибут rel под якорный тег, подобный этому –

<link href="css/lighbox.css" rel="stylesheet" />

должен быть

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

Существует орфографическая ошибка в 'свет'. В исходном коде отсутствует 't'.

источник

2015-03-10 02:13:07 carric

ответ

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