Зыбучие пески с обратным вызовом prettyPhoto

Question

Я использую плагин jQuery-плагин (http://razorjack.net/quicksand/docs-and-demos.html) и хочу интегрировать prettyPhoto (http://www.no -margin-for-errors.com / projects / prettyphoto-jquery-lightbox-clone / ), чтобы иметь возможность использовать его. Сначала все работает нормально. Однако когда я нажимаю на ссылку, чтобы отфильтровать портфель, скрипт prettyphoto больше не работает. Я добавил функцию обратного вызова для prettyphoto, но это каким-то образом нарушает скрипт quicksand. Но мне удалось добавить функцию обратного вызова fancybox тем же методом, и она работала нормально. Надеюсь, кто-нибудь может мне помочь.

Вы можете увидеть мой собственный скрипт здесь: http://elemisdesign.com/custom.js

Answer 1

Я знаю, что этот пост очень старый.Но я натолкнулся на это, когда искал решения для новой темы Wordpress, которую я разрабатываю.Я обнаружил, что были проблемы между тем, как я реализовывал quicksand.js и prettyphoto.js.

Короче, был конфликт, и мой вызов prettyphoto вызывал мой quicksand параметры должны быть проигнорированы.Я использовал этот ответ, чтобы исправить мою проблему, и она работает блестяще.Для небольшого обзора этот код предназначен для галереи.Quicksand используется для добавления анимации фильтра к ссылкам категории.

Я думал, что опубликую это, если кто-то с той же миссией столкнется с этим вопросом.Надеюсь, это поможет.Спасибо @brianvanderbush за то, что поставили меня на правильный путь.Upvoted.

$container.quicksand($filteredItems, 
{
    // The Duration for animation
    duration: 450,
    // the easing effect when animation
    easing: 'easeInOutCirc',
    // height adjustment becomes dynamic
    adjustHeight: 'dynamic',
    // this function contains my call + options to prettyphoto,
    // i named it lightbox. This was the magic fix.
    }, function() { 
        lightbox(); 
        $(this).thumbanimate();
    }
);

Answer 2

Проблема здесь в том, что когда Quicksand применяет фильтр, вызов ajax в основном смешивает ваш симпатичный сценарий с фотографиями. Решение здесь состоит в том, чтобы вспомнить красивую фотографию в обратном вызове зыбучих песков.

Я предполагаю, что вы с тех пор обнаружили это, поскольку обратный вызов находится в сценарии, на который вы ссылаетесь, но для тех, кто исследует эту проблему, вот что вам следует искать. Примерно на полпути вниз по сценарию Quicksand найдите $ list.quicksand ($ sorted_data и т. Д. ... что вам нужно сделать, это вставить обратный вызов внутри третьего параметра.

$list.quicksand($sorted_data,{$preferences},function(){
 $("a[rel^='prettyPhoto']").prettyPhoto({
         //These are just arbitrary pretty photo preferences, use your own call here
    opacity: 0.20,
    social_tools: false
            });
//rest of callback code
});

Answer 3

Это может быть старый пост, но для тех, у кого такая же проблема, решение можно найти здесь: http://www.flashuser.net/tutorials/jquery-photo-gallery/