jQuery: плагин Circulate: остановка на полпути в анимации

Question

Кому-нибудь повезло изменить код плагина, чтобы можно было анимировать объект в «трехмерном» пространстве всего за 1/4 или 1/2 оборота?

В существующем состоянии объект должен пройти полный круг перед остановкой или зацикливанием.

А для тех, кто его еще не видел: http://css -tricks.com / examples / Circulate /

Answer 1

Вы можете создать 4 объекта, расположить их друг над другом, а затем использовать z-index, чтобы скрыть каждый объект на 3/4 его оборота.

$(obj1).circulate({ ... , zIndexValue: [ 1, -1, -1, -1] });
$(obj2).circulate({ ... , zIndexValue: [-1,  1, -1, -1] });
$(obj3).circulate({ ... , zIndexValue: [-1, -1,  1, -1] });
$(obj4).circulate({ ... , zIndexValue: [-1, -1, -1,  1] });

Это работает, но мне бы очень хотелось иметь разные изображения для каждой 1/8 оборота, поэтому, если вы или кто-то еще придумает лучшее решение, дайте мне знать.

Answer 2

Сердце плагина начинается со строки 46 в коде:

base.$el.animate( ... )
 .animate( ... )
 .animate( ... )
 .animate( ... )

Каждая функция animate обеспечивает вращение на 1/4.Поэтому, если вы просто хотите взломать его, удалите два последних анимированных вызова для поворота 1/2 и удалите три, если вы просто хотите первый 1/4.В любом случае, вы хотите играть с этими четырьмя animate вызовами.