Coverflow in HTML5 für iPhone / iPod Touch

8

Ich muss eine Webseite für iPhone und iPod-touch erstellen, die den Coverflow-Stil von apple auf einer Seite enthalten muss, um eine Liste von Videos anzuzeigen.

Ich habe etwas über Gizmos gehört, das helfen könnte, aber ich kann nichts Relevantes finden oder das könnte mit der iPhone / iPod-Touch Navigation richtig funktionieren.

Weiß jemand etwas, das mir helfen könnte, anzufangen?

Danke -Stephanie

    
Stef 18.04.2010, 16:02
quelle

9 Antworten

6

Versuchen Sie ContentFlow: Ссылка

Hier ist ein Beispiel, das auf meinem iPhone funktioniert: Ссылка

    
ideotop 19.04.2010 20:37
quelle
2

Dies ist der beste, den ich bis jetzt gefunden habe;) Coverflow

    
Vijay Krishna 03.12.2010 13:23
quelle
2

Dies ist eine Cross-Browser-Implementierung von Cover Flow: Ссылка

Der primäre Modus funktioniert in HTML5 (JavaScript / CSS) und hat einen Ausweichmodus für ältere Browser in Flash. Es unterstützt mobile, Sie können durch die Abdeckungen mit einer einfachen Wischgeste blättern.

Getestet auf: Safari, Chrome, Firefox, Opera, IE8 +, iPad, iPhone

    
luwes 21.07.2012 12:00
quelle
1

Dies könnte Ihnen helfen: Ссылка

Obwohl es keinen offiziellen Weg dafür zu geben scheint, weil CSS nur alle 2d-Matrizen transformiert, können Sie keine Trapezform erhalten.

    
Rich Bradshaw 18.04.2010 16:06
quelle
1

Sie können Tonnen von Coverflow-Samples in Google finden aber alle Samples, die ich gefunden habe, sind zu komplex (viele Dateien oder schwer zu implementieren) und sie geben nicht, was ich gesucht habe Also entscheide ich mich für einen Coverflow

1.- weniger Dateien

2.- einfach zu implementieren

3.- Funktioniert mit Webkit (Safari, Safari Mobile und Chrome)

Der Code, den ich zeigen werde, dient nur dazu, dir einen Hinweis zu geben Was können Sie mit Ihrem Projekt tun?

Dies ist ein sehr einfaches Beispiel, das Ihnen nur das Wesentliche zeigt es ist keine abschließende Arbeit

dieser Coverflow arbeitet mit einem Eingabebereich (Slider) und das ist es

Wenn Sie wissen, wie Coverflow funktioniert Sie werden in der Lage sein, weitere Funktionen, Klicks, Berührungen und Cover hinzuzufügen ....

Schließlich ist hier der Code:

%Vor%

Ich weiß, dass Sie eine Menge besserer Coverflows finden können, dies ist nur zum Teilen

Denken Sie daran, den Pfad der Bilder und / oder Namen zu ersetzen

Hoffe es hilft

Viel Glück

    
Julio Montoya 28.09.2012 05:18
quelle
0

Ich bleibe hauptsächlich bei der nativen App-Entwicklung, daher weiß ich nicht, ob es eine Coverflow-Implementierung gibt, sondern Dashcode Parts können Sie komplexere UI-Elemente hinzufügen.

    
jessecurry 18.04.2010 16:06
quelle
0

Sie könnten xFlow ausprobieren! Ссылка

    
Paul Whitrow 08.06.2010 22:45
quelle
0

Ich habe das gerade gemacht Ссылка

nicht sicher, ob es auf iphone / ipod funktioniert, muss ich das noch

testen

gr.

    
Elmer 27.11.2010 18:54
quelle
0

Sie können dies versuchen, ich habe es speziell für iOS-Geräte entwickelt. Hat Berührungsgesten aktiviert. Ссылка

    
Joseph Khan 21.08.2012 13:20
quelle