JQuery лайтбокс проблема

Question

Я схожу с ума здесь - я не могу заставить свой лайтбокс Jquery работать ... Было бы здорово, если бы кто-то мог быстро взглянуть!

Сайт http://www.layersoflondon.org/index-with-jquery.html

Я думаю, что проблема в том, что существует конфликт с Javascript Google Maps в заголовке и лайтбоксе Jquery. Например, я заставил Slimbox работать, поместив событие onclick на ссылки с изображениями на карте Google:

camdenSuperstoreContent.innerHTML = "<a rel=\"lightbox\" href=\"images/project-images/camden-superstore.jpg\" onclick=\"Slimbox.open('images/project-images/camden-superstore.jpg', 'Camden Superstores');return false\"><img src=\"images/project-images/camden-superstore-thumb-no-border.jpg\" /></a>";

Проблема в том, что Slimbox использует Mootools, и я хочу использовать Jquery для некоторых других вещей ...

Есть ли способ сделать это с лайтбоксом?

Благодарен за любые предложения.

Большое спасибо.

Answer 1

В консоли javascript появляется сообщение «Uncaught ReferenceError: Slimbox не определен», когда я нажимаю на любое изображение.Вы закомментировали библиотеку Slimbox в заголовке и вместо этого используете jquery.lightbox.Но ваши изображения все еще содержат это:

Slimbox.open('images/project-images/railway-bridge.jpg', 'The bridge');return false"

Удалите все ссылки на Slimbox.Также вам следует вызывать следующую функцию только после того, как изображения присутствуют на странице, т.е. после рендеринга карты Google:

$(function(){
    initialize();
    $('a[@rel*=lightbox]').lightBox({fixedNavigation:true});
});