8
votes

Coverflow dans HTML5 pour iPhone / iPod Touch

Je dois faire une page Web destinée à l'iPhone et à l'iPod-touch qui doit incorporer le style de couverture d'Apple sur une page pour afficher une liste de vidéos.

J'ai entendu quelque chose à propos de Gizmos qui pourrait aider, mais je ne trouve rien de pertinent ou qui pourrait fonctionner correctement avec la navigation sur iPhone / iPod-Touch.

Quelqu'un sait quelque chose qui pourrait m'aider à commencer?

merci -Stephanie


0 commentaires

9 Réponses :


0
votes

Je tiens principalement au développement d'applications natives, je ne sais donc pas s'il existe une implémentation de flux de couverture existante, mais en utilisant Pièces Dashcode Vous pouvez ajouter quelques Éléments d'UI plus complexes.


1 commentaires

Oui, je vois que DashCode peut aider à ajouter facilement des éléments plus complexes, mais malheureusement, rien ne semble indiquer quelque chose même près du flux de couverture. Je vais avoir un look plus profond, je peux peut-être trouver quelque chose qui sera de toute façon mon da de toute façon. Merci.



1
votes

Cela pourrait vous aider: http://paulbakaus.com/2008/05 / 31 / Coverflow-n'importe qui /

Bien qu'il ne semble pas qu'il n'existe pas de manière officielle de le faire car CSS ne transforme que toute une matrice 2D, vous ne pouvez donc pas obtenir une forme de trapèze.


0 commentaires

6
votes

Essayez Contentflow: http://www.jacksasylum.eu/contentflow/

Voici un exemple qui fonctionne sur mon iPhone: http://www.majes.fr/


0 commentaires

0
votes

Vous pouvez essayer xflow! http://xflow.pwhitrow.com


0 commentaires

0
votes

Je viens de faire ça http://coulisse.luvdasun.com/

Je ne sais pas si cela fonctionne sur iPhone / iPod, je dois toujours tester que

gr.


0 commentaires

2
votes

C'est le meilleur que j'ai trouvé jusqu'à présent;) Coverflow


0 commentaires

2
votes

Il s'agit d'une implémentation de navigateur croisée de flux de couverture: http: // luwes .CO / Labs / JS-Cover-Flow /

Le mode principal fonctionne dans HTML5 (JavaScript / CSS) et il a une fuite pour les navigateurs plus anciens en Flash. Il prend en charge le mobile, vous pouvez parcourir les couvercles avec un simple geste de balayage.

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


2 commentaires

C'est une belle mise en œuvre, mais le plus grand inconvénient est qu'il ne se dégrade pas gracieusement (désactiver JavaScript et Boom, pas de contenu) et n'est absolument pas accessible aux personnes handicapées. Comme il s'appuie sur une source de JSON externe, il est également inutilisable dans des galeries générées par la CMS comme WordPress. Au lieu d'analyser un fichier JSON, il aurait été préférable de styler des éléments de figure dans le HTML.


Merci pour les commentaires. Ne suivez pas le commentaire de JSON externe, si vous dites qu'il est impossible d'avoir un fichier JSON dans un site WordPress? Néanmoins, le script permet également à JSON en ligne.



0
votes

Vous pouvez essayer cela, je me suis développé spécifiquement pour les périphériques iOS. A des gestes tactiles activés. http: // jbkflex. wordpress.com/2012/08/21/css3-coverflow-animation-for-ios-adding-touch-gestures/


1 commentaires

Link Lone est considéré comme une mauvaise réponse car elle n'a pas de sens en soi et que la ressource cible n'est pas garantie d'être vivante à l'avenir. Ce serait préférable d'inclure les parties essentielles de la réponse ici et de fournir le lien pour référence.



1
votes

Vous pouvez trouver des tonnes d'échantillons de couverture dans Google Mais tous les échantillons que j'ai trouvés sont trop complexes (beaucoup de fichiers ou difficiles à mettre en œuvre) et ils ne donnaient pas ce que je cherchais Je décidais donc de créer un couvercleflow

1.- Moins de fichiers

2. - facile à mettre en œuvre

3.- Fonctionne avec WebKit (Safari, Safari Mobile et Chrome) < / p>

Le code que je vais montrer est juste de vous donner un indice de ce que vous pouvez faire avec votre projet

Ceci est un échantillon très simple qui ne vous montre que l'essentiel Ce n'est pas un travail final

Ce couvercle fonctionne avec une plage d'entrée (curseur) et c'est-il

lorsque vous obtenez l'idée de la façon de flux de couverture Vous pourrez ajouter plus de fonctionnalités clics, touches, flip housse ....

Enfin ici est le code: xxx

Je sais que vous pouvez Trouver beaucoup de meilleurs couvertures Ceci est juste pour partager

N'oubliez pas de remplacer le chemin des images et / ou des noms

espoir qu'il aide

Bonne chance


0 commentaires