Simulation von Live-Kacheln in html

Ich muss einige HTML-Quadrat "Live-Kacheln", die zwischen 4 Staaten periodisch wechseln code. Was ich eigentlich brauche ist, was dieses Plug-In tut http://www.drewgreenwell.com/projects/metrojs, aber zwischen 4 Staaten, nicht nur 2. Gibt es eine definitive API/Plug-in, die Live-Kachel-Management in html/jquery-Sites erlaubt? Ich baue keine Windows 8 App, ich versuche nur, Live Tiles in HTML zu spiegeln, und hoffe, dass es in allen gängigen Browsern funktioniert. Danke.Simulation von Live-Kacheln in html

Quelle

2012-08-02 Voidsbane

Das Plug-in von Drew unterstützt nur Kacheln mit zwei Zuständen, Vorder- und Rückseite. Ich brauche es, um 4 Staaten oder mehr pro Fliese zu unterstützen. Und das anpassen, um so zu arbeiten, könnte viel Zeit für jemanden mit wenig Erfahrung in jquery brauchen. – Voidsbane

Tatsächlich unterstützt es mehrere Zustände. Schau dir meine Antwort unten an. – Voidsbane

-2

Sie können jQuery oder jQuery UI verwenden, um diesen Effekt zu erhalten. jQuery hat .animate(), .show(), und andere Methoden, die helfen können.

Quelle

2012-08-02 17:02:45

Danke, ich muss es vielleicht einfach so anpassen. Ich habe mich nur gewundert, da Apps im Metro-Stil und Live-Kacheln immer häufiger werden, wenn es ein Plug-In/API gibt, das das sofort macht. – Voidsbane

Ich würde nicht empfehlen, die JQuery-Animationen zu verwenden, wenn sie nicht auf CSS3-Übergänge/Animationen umgestellt wurden. Wird die Animation im Skript ausgeführt, kann sie nicht reibungslos ausgeführt werden. –

Ich versuche nur Live Tiles Flipping in Html zu simulieren, und hoffentlich haben es in allen gängigen Browsern funktionieren

Ich denke, das ist das, was Sie brauchen. Flip! http://lab.smashup.it/flip/

Quelle

2012-08-02 17:21:14 kei

Dies sollte ziemlich einfach sein. Im Einzelnen:

ein DIV erstellen mit Ihrem N Kachel-Größe Inhalt
es Clip/Größe der Mutter div bis 1 Kachelgröße
Stellen Sie sicher, dass Überlauf versteckt ist.
Anwenden des auf den vorherigen Inhalt CSS & neue Inhalte übersetzen mit

Dann sollte alles in Ordnung sein.

Quelle

2012-08-02 17:38:01

Vielen Dank! Ich bin immer noch ein bisschen neu in jQuery, aber das könnte eine schnelle Lösung sein. – Voidsbane

Sie könnten diesen Artikel (unten) lesen, wie Sie Flips mit CSS3/HTML5-Übergängen ausführen können. Es ist kein Javascript (und hat somit keine API), aber meiner Erfahrung nach scheinen Übergangseffekte in ihrer Laufruhe etwas zuverlässiger zu sein.

Animated Element Wall With CSS

Quelle

2012-08-02 17:47:04

Danke! Ich werde es mir ansehen – Voidsbane

Am Ende scheint es, dass Drew's plug-in Staaten mehr Ziegel jedoch zwingend nötig, wenn er ein paar Proben. Sample 1 und Sample 2. Es scheint zu tun, was ich für Live-Fliese-Simulation brauche.

Quelle

2012-08-03 01:55:39 Voidsbane

Simulation von Live-Kacheln in html

Antwort

Verwandte Themen