Quicksand with prettyPhoto callback

Question

Я использую плагин jQuery quicksand (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

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

Я предполагаю, что вы с тех пор обнаружили это, поскольку обратный вызов находится в скрипте, на который вы ссылаетесь, но для тех, кто исследует эту проблему, вот что вам следует искать. Примерно на полпути вниз по сценарию 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 2

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

Answer 3

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

Короче говоря, nflict и мой prettyphoto звонок вызывал мой зыбучие пески опции, которые следует игнорировать. Я использовал этот ответ, чтобы исправить мою проблему, и он работает блестяще. Для небольшого обзора этот код предназначен для галереи. 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(); 
    } 
);