Simulazione del flipping di piastrelle live in html

Ho bisogno di codificare alcune "tessere vive" quadrate in html che si alternano periodicamente tra 4 stati. Fondamentalmente ciò di cui ho bisogno è ciò che questo plug-in fa http://www.drewgreenwell.com/projects/metrojs, ma tra 4 stati, non solo 2. Esiste un plug-in/API definitivo che consente la gestione live dei tile nei siti html/jquery? Non sto sviluppando un'applicazione per Windows 8, sto solo cercando di simulare Live Tiles sfogliando in Html, e speriamo che funzioni su tutti i principali browser. Grazie.Simulazione del flipping di piastrelle live in html

fonte

2012-08-02 Voidsbane

Il plug-in di Drew supporta solo le tessere con 2 stati, anteriore e posteriore. Ho bisogno di supportare 4 stati o più per tile. E personalizzarlo per farlo potrebbe richiedere molto tempo a chi non ha molta esperienza in jquery. – Voidsbane

In realtà supporta più stati. Guarda la mia risposta qui sotto. – Voidsbane

-2

È possibile utilizzare l'interfaccia utente jQuery o jQuery per ottenere questo effetto. jQuery ha .animate(), .show(), .hide() e altri metodi che possono aiutare.

fonte

2012-08-02 17:02:45

Grazie, potrei semplicemente doverlo personalizzare in questo modo. Mi stavo chiedendo, dal momento che le app in stile metro e le piastrelle live stanno diventando sempre più comuni, se ci fosse un plug-in/api che lo ha fatto fuori dalla scatola. – Voidsbane

Non consiglierei di usare le animazioni jQuery a meno che non siano state passate alle transizioni/animazioni CSS3. L'esecuzione dell'animazione in script non gli consentirà di funzionare senza problemi –

Sto solo cercando di simulare Tiles Live lanciando in Html, e si spera farlo funzionare in tutti i principali browser

Penso che questo sia quello che ti serve. Flip! http://lab.smashup.it/flip/

fonte

2012-08-02 17:21:14 kei

Questo dovrebbe essere abbastanza facile. In particolare:

Creare un DIV con i tuoi contenuti N piastrelle di dimensioni
clip it/dimensioni del div genitore di dimensioni 1 tessera
Assicurarsi che trabocco è nascosto.
Applicare tradurre di al contenuto precedente & nuovi contenuti usando CSS

Poi tutto dovrebbe andare bene.

fonte

2012-08-02 17:38:01

Grazie! Sono ancora un po 'nuovo di jQuery, ma questa potrebbe essere una soluzione rapida. – Voidsbane

Si potrebbe prendere in considerazione la lettura di questo articolo (sotto) su come fare salti mortali con transizioni CSS3/HTML5. Non è Javascript (e quindi non ha un'API), ma nella mia esperienza gli effetti di transizione sembrano essere un po 'più affidabili nella loro fluidità.

Animated Element Wall With CSS

fonte

2012-08-02 17:47:04

Grazie! Darei un'occhiata a questo – Voidsbane

Alla fine, sembra che Drew's plug-in supporta più stati in piastrelle, ha fornito un paio di campioni. Sample 1 e Sample 2. Sembra fare ciò di cui ho bisogno per la simulazione live tile.

fonte

2012-08-03 01:55:39 Voidsbane

Simulazione del flipping di piastrelle live in html

risposta

Problemi correlati