2015-04-21 2 views
2

Существует ли эквивалентная реализация Greensock (GSAP) или плагин, который имеет сходное поведение с Isotope.js (масонством) Metafizzy. В частности, я реализовал серию анимаций для продвижения карт и карт в изоляции. Сейчас я собираюсь объединить их в один прототип. Я работаю за коллегой, который собрал отдельный прототип, используя Isotope, который поддерживает перетасовку карт, даже когда карты «растут» в разных государствах. Я объединяю и внутренние усилия. Прежде чем я начну использовать GSAPifying Isotope, я хотел бы знать, есть ли существующая или аналогичная реализация, которую я могу использовать.Greensock.js (GSAP) Версия Metafizzy Isotope.js (масонство)

Заранее благодарим за ваше время!

Chris

+0

Делитесь с миром, когда он готов;) –

ответ

0

Для тех, кто еще погуглить это, быстрое решение, чтобы иметь gsap визуализировать изотопных анимации использует JQuery-gsap-плагин, который можно скачать at their website. Он должен быть добавлен после всех других библиотек, например:

<script src="js/TweenMax.min.js"></script> 
<script src="js/jquery.gsap.min.js"></script> 

Что это делает переопределить все методы jQuery.animate() - который является удивительным. Однако есть некоторые исключения, которые также указаны на веб-сайте.

Теперь единственное, что осталось сделать, это сказать, что изотоп использует jQuery в качестве механизма анимации, подробности можно найти в файле documentation.

$('#grid').isotope({ 
    itemSelector: '.item', 
    layoutMode: 'fitRows', 
    //etc 
    animationEngine: 'jquery' 
}); 

И альт! Единственное предостережение здесь в том, что jQuery требуется, поэтому для тех, кто использует чистую ваниль или что-то еще, придется переопределить анимацию вручную - как это делается, это целая другая тема.