конфликтующие сценарии: сбой слайдера изображения, когда я добавил сценарии fancyBox в HTML-документ

Question

Я перерабатываю веб-страницу с ползунком изображения вверху, чтобы показать некоторые из моих избранных работ.Слайдер изображений работает нормально и работает, щелкая стрелку вправо или влево для следующего или предыдущего изображения.

Все было хорошо, пока я не добавил ссылки на файлы fancyBox, чтобы другие изображения (не в слайдере)на этой странице можно посмотреть во всплывающем окне fancyBox.fancyBox работает нормально, но из-за этого мой ползунок теперь исчезает, если щелкнуть стрелку влево или вправо.

Может кто-нибудь помочь мне исправить ползунок, или fancyBox, так что скрипты слайдера и FancyBoxработа на этой странице?

Вот ссылка на веб-страницу

В источнике я также отметил, какие файлы являются частью ползунка икоторые предназначены для FancyBox

Я был бы очень признателен за любую помощь!

Заранее спасибо, их

Answer 1

При входе в Firebug появляется ошибка:

When I called show(slide,[object Object]) with your args, an error was thrown!
TypeError: f.easing[i.animatedProperties[this.prop]] is not a function
[Break On This Error]   

...e)});else for(var g in a)ca(g,a[g],c,e);return d.join("&").replace(bD,"+")}}),f....

Вызывается $("#pic-" + next).show('slide',{direction: dir});

где 'dir' - пустая строка. Поверьте, это является причиной вашей ошибки. У вас также есть несколько других проблем ... например, скрытие перед показом. Узнайте больше о jQuery anim или ... просто используйте готовый слайдер:)

Answer 2

Похоже, вы загружаете две разные версии jQuery. Один в заголовке (1.7), другой в верхней части m.js (1.4.2). Попробуйте взять эту копию 1.4.2 из m.js, чтобы начать. Обязательно проверьте консоль на наличие ошибок, а затем перейдите оттуда.

Кроме того, я не уверен в том, что вы используете скрипт-слайдер. Я использовал BxSlider с fancyBox на той же странице и раньше, и они отлично играют вместе ... Просто идея.