понедельник, 4 марта 2013 г.

lightbox vs elastislide

В одном из веб-проектов потребовалось реализовать галерею изображений.

Ранее уже успешно использовал плагин jquery.elastislide.js.

Применил и на этот раз.

Кроме того, надо было сделать так, чтобы по клику на фотку она открывалась в "полный рост" - наиболее популярным решением сейчас является для этого lightbox , его я и попытался применить.

Все сделал по манам, верстка правильная, ошибок в консоли  js нет, но изображение по клику не открывается - lightbox не фурычит.

Сразу заподозрил конфликт обработчиков событий. Так и оказалось.

Чтобы его преодолеть в опциях создания слайдера необходимо обнулить обработчик onClick изображений:

$('#carousel').elastislide({imageW :300,margin: 30,minItems: 2, onClick: null});



2 комментария:

  1. Не помогает. http://www.beckerokna.ru/reviews#feedback-form никак не получается совместить эти плагины вместе. Может подскажите как это сделать?

    ОтветитьУдалить
    Ответы
    1. У Вас сейчас вроде бы все работает неплохо на указанной странице.. Почти. В консоли есть js-ругань

      Uncaught ReferenceError: jQuery is not defined

      :)

      Удалить

Если Вы нашли ошибку у автора, у Вас есть вопрос или просто хотите поделиться чем-то полезным, то пишите - не стесняйтесь..