nivo-лайтбокс не запускается при нажатии на изображение

Question

Я считаю, что я следовал инструкциям для установки этого плагина javascript, но, похоже, он не работает. (плагин: http://dev7studios.com/nivo-lightbox)

Я вижу ссылки на файлы css, theme и javascript, которые правильно отображаются в моем (я вижу, что эти файлы тоже правильно видны).

(Я закомментировал jquery, поскольку он уже загружен для моей темы WordPress.

Похоже, лайтбокс не работает. Какие-нибудь подсказки, почему это не собирает мои изображения и не показывает их в лайтбоксе?

как только я это сделаю, мне все еще нужно выяснить, как обернуть мои изображения атрибутом "data-lightbox-gallery", чтобы я мог также заставить галереи работать.

Управление изображениями: галерея изображений NextGen макет: Галерея обоснованных изображений

URL: http://www.sandbox.imageworkshop.com/projects/william-angliss-institute/

Answer 1

Если вы откроете консоль на этой странице - вы увидите, что есть две ошибки JavaScript.

1.Uncaught TypeError: Property '$' of object [object Object] is not a function (index):71

Я посмотрел исходный код вашей страницы и в строке 71 у вас есть это:

$(document).ready(function(){
    $('a').nivoLightbox();
});

Это означает, что jQuery не работает. Вам нужно использовать неконфликтную оболочку.

2.Uncaught TypeError: Object [object Object] has no method 'orbit'

На этой линии вы используете .orbit() сделать слайдер домашней страницы... но не на домашней странице. Вы получаете эту ошибку, потому что jQuery не может найти блок с идентификатором #featured, Чтобы избежать таких ошибок, вам нужно проверить, есть ли блок на странице, возможно, так:

var home_slider = $('#featured');

if( home_slider [0] ) { //if jQuery object is not empty
    home_slider.orbit({
    //yor params here
    })
}

Если вы избавитесь от этих ошибок - скорее всего, вы увидите nivo-lightbox:)