JS / JQuery эффект покрытия - PullRequest
       35

JS / JQuery эффект покрытия

2 голосов
/ 02 февраля 2010

Я пытаюсь заархивировать определенный эффект с помощью js / jQuery: Apple Mac OS X Coverflow Coverflow http://img69.imageshack.us/img69/8716/bildschirmfoto20100202u.png, который вы можете выбрать в Finder. Можете ли вы указать мне на плавно и плавно работающий плагин? Я люблю #roundabout для jquery, но, к сожалению, они не поддерживают этот эффект. Я также попробовал некоторые из подключаемых плагинов этого поста: Эффект Apple Cover-flow с использованием jQuery или другой библиотеки? но они все дрянные и просто не работают гладко в Firefox (не говоря уже о IE).

Спасибо

Ответы [ 4 ]

2 голосов
/ 21 июля 2012

Это кросс-браузерная реализация Cover Flow: http://luwes.co/labs/js-cover-flow/

Основной режим работает в HTML5 (JavaScript / CSS) и имеет запасной вариант для старых браузеров во флэш-памяти. Он поддерживает мобильные, вы можете пролистывать крышки с простым жестом пальцем.

Аппаратно ускоряется в последних браузерах WebKit.

Проверено на: Safari, Chrome, Firefox, Opera, IE8 +, iPad, iPhone

1 голос
/ 25 мая 2010

Я пытался некоторое время искать то же самое с помощью javascript / jquery. Могли найти что-нибудь с эффектом поворота. В конце я использовал компонент Flex от Sebastiaan Holtrop

Здесь вы можете увидеть демонстрационное приложение - боковые элементы управления просто показывают, как вы можете настроить компонент. Очень легко настроить.

Работает довольно плавно. Мне потребовалось всего несколько дней, чтобы заставить его работать на меня - ничего не зная о Flex до этого.

1 голос
/ 17 сентября 2011

Выезд Момофлоу

Настоящий эффект прикрытия, очень эффективен в Webkit (Safari и Chrome) и Opera, хорошо в Firefox.

0 голосов
/ 03 февраля 2010

Это выглядит так, как будто настоящий визуальный эффект еще не был заархивирован, поскольку это оказывается довольно трудным. Вам, вероятно, тоже нужно использовать какую-то технику холста / преобразования. Вики по планированию / разработке jQuery говорит следующее: http://jqueryui.pbworks.com/Coverflow

...