js/jquery coverflow effet

J'essaie d'archiver un certain effet avec js/jQuery: l'effet Apple Mac OS X Coverflow Coverflow http://img69.imageshack.us/img69/8716/bildschirmfoto20100202u.png que vous pouvez choisir dans finder. Pouvez-vous me pointer vers un doucement & plugin de travail en douceur? J'adore #roundabout pour jquery mais malheureusement ils ne supportent pas cet effet. J'ai également essayé quelques-uns des plugins liés de ce post: Apple Cover-flow effect using jQuery or other library? mais ils sont tous merdiques et ne fonctionnent tout simplement pas en douceur dans firefox (pour ne pas mentionner IE).js/jquery coverflow effet

Merci

Source

2010-02-02 Max

C'est une implémentation multi-navigateur de Cover Flow: http://luwes.co/labs/js-cover-flow/

Le mode primaire fonctionne en HTML5 (JavaScript/CSS) et il a une solution de repli pour les navigateurs plus anciens en flash. Il prend en charge les mobiles, vous pouvez faire défiler les couvertures d'un geste simple.

Il est matériellement accéléré dans les derniers navigateurs webkit.

Testé sur: Safari, Chrome, Firefox, Opéra, IE8 +, iPad, iPhone

Source

2012-07-21 12:14:58 luwes

merci luwes. mais ce n'est pas l'effet de couverture. Vous n'obtenez pas une réelle impression 3d (testé dans Chrome 21). Les images se serrent juste ensemble, mais ne tournent pas et ne glissent pas en arrière-droite ou arrière-gauche. – Max

merci pour les commentaires Max. Ensuite, il y a des différences étranges entre nos configurations. De mon côté à la fois sur OSX et Windows avec Chrome 21, l'effet 3D fonctionne. Y a-t-il des transformations 3D fonctionnant dans votre navigateur? http://www.webkit.org/blog/386/3d-transforms/ – luwes

hey luwes. wow, pas son travail. je suis toujours sur chrome 21 (windows 7). coool! – Max

Il coutures comme si le réel effet visuel n'a pas été archivé tout encore comme il se révèle être assez difficile. Vous avez probablement besoin d'utiliser une technique de toile/transformation pour cela. jQuery rabotage/développement wiki dit suivant: http://jqueryui.pbworks.com/Coverflow

Source

2010-02-02 21:55:14 Max

J'ai essayé pendant un moment de chercher la même chose avec javascript/jquery. Pourrait trouver n'importe quoi avec l'effet de rotation. À la fin j'ai utilisé un composant Flex par Sebastiaan Holtrop

Vous pouvez voir l'application de démonstration here - les contrôles sur le côté vous montrent juste comment vous pouvez personnaliser le composant. Très facile à personnaliser.

Fonctionne très bien. Il ne m'a fallu que quelques jours pour que ça marche pour moi - sans rien savoir de Flex avant.

Source

2010-05-25 18:34:39 nivcaner

merci pour l'indice. a l'air bien fait. même si j'aime omettre des trucs flash. Dans mon projet, je suis allé avec un effet carrousel normal apporté par rond-point. – Max

Découvrez momoflow

True effet CoverFlow, très performant sur Webkit (Safari et Chrome) et Opera, ok sur Firefox.

Source

2011-09-17 14:17:59 aljoscha

js/jquery coverflow effet

Répondre

Questions connexes