JQuery, Bootstrap, Lightbox2. Проблема с подключением скрипта?

Question

[finaldream]

Дано: esqulap.ru/ на главной странице есть слайдер. Необходимо подключить к нему скрипт Lightbox2. В ходе того, что сайт создан на Bootstrap возникают проблемы в работе JS, а именно: картинка открывается в новом окне, а не средствами Lightbox2.

lokeshdhakar.com/projects/lightbox2/



Прошу помощи.

Comments

[anathem]

rel="lightbox" — к ссылкам с превьюшками не забыли? )

[finaldream]

сейчас я его убрал. С ним так же не работало, страница открывалась в новом окне. Поэтому я убрал ссылки.

Answer 1

[maeln0r]

хм, у меня все работает.

<a href="source/slider-1.jpg" rel="lightbox"><img class="img-slider img-circle" alt="" src="source/slider-1.jpg"></a>
<a href="source/slider-1.jpg" rel="lightbox"><img class="img-slider img-circle" alt="" src="source/slider-2.jpg"></a>
<a href="source/slider-1.jpg" rel="lightbox"><img class="img-slider img-circle" alt="" src="source/slider-3.jpg"></a>
<a href="source/slider-1.jpg" rel="lightbox"><img class="img-slider img-circle" alt="" src="source/slider-4.jpg"></a>

Ну и подключаем всю хурму

<link rel="stylesheet" href="/css/lightbox.css">
<script src="/jquery-l.js"></script>
<script src="/js/lightbox.js"></script>
<script src="/js/jquery.smooth-scroll.min.js"></script>
<script src="/js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="/bootstra.js"></script>

jQuery первым в подключении, bootstrap последним, раз он конфликтует.

Comments

[maeln0r]

Проблема решена :) Выиспользуете версию jQuery не ту, которая используется в Lightbox2. Либо переопределяйте пространство переменных для версии 1.7.2, либо просто используйте 1.7.2.

[maeln0r]

Пример для вашей странички Через пару дней снесу, так что не опоздайте. Исходнике забирайте тоже