Simular voltear mosaicos en vivo en html

Necesito codificar algunos cuadrados en vivo "html" que cambian entre 4 estados periódicamente. Básicamente lo que necesito es lo que este complemento hace http://www.drewgreenwell.com/projects/metrojs, pero entre 4 estados, no solo 2. ¿Existe un API/plug-in definitivo que permita la administración de mosaicos en tiempo real en sitios html/jquery? No estoy compilando una aplicación de Windows 8, solo estoy tratando de simular Live Tiles volteando en Html, y espero que funcione en todos los principales navegadores. Gracias.Simular voltear mosaicos en vivo en html

Fuente

2012-08-02 Voidsbane

El complemento de Drew solo admite mosaicos con 2 estados, frontal y posterior. Necesito que sea compatible con 4 estados o más por mosaico. Y personalizarlo para que funcione de esa manera puede llevar mucho tiempo para alguien que no tenga mucha experiencia en jquery – Voidsbane

En realidad, admite varios estados. Mira mi respuesta a continuación. – Voidsbane

-2

Puede usar jQuery o jQuery UI para obtener este efecto. jQuery tiene .animate(), .show(), .hide() y otros métodos que pueden ayudar.

Fuente

2012-08-02 17:02:45

Gracias, quizás deba personalizarlo así. Me preguntaba, ya que las aplicaciones de estilo metro y las fichas en vivo son cada vez más comunes, si hubo un complemento/API que hizo esto de la caja. – Voidsbane

No recomendaría usar las animaciones jquery a menos que se hayan cambiado a transiciones/animaciones CSS3. Ejecutar la animación en el script no le permitirá funcionar sin problemas –

Sólo estoy tratando de simular vivo volteo Azulejos en HTML, y confía en que tendrá que funcione en todos los navegadores

Creo que esto es lo que necesita. ¡Voltear! http://lab.smashup.it/flip/

Fuente

2012-08-02 17:21:14 kei

Esto debería ser bastante fácil. Específicamente:

Crear un DIV con los contenidos de tejas de tamaño N
Clip it/div tamaño de la matriz de tamaño 1 baldosas
Asegúrese de que el desbordamiento se oculta.
Aplicar traducir de que el contenido anterior & nuevo contenido mediante CSS

entonces todo debería estar bien.

Fuente

2012-08-02 17:38:01

¡Gracias! Todavía soy un poco nuevo para jquery, pero esta podría ser una solución rápida. – Voidsbane

Puede considerar leer este artículo (a continuación) sobre cómo hacer volteos con CSS3/HTML5 transiciones. No es Javascript (y por lo tanto no tiene una API), pero en mi experiencia los efectos de transición parecen ser un poco más confiables en su suavidad.

Animated Element Wall With CSS

Fuente

2012-08-02 17:47:04

Gracias! Lo echaré un vistazo – Voidsbane

Al final, parece que Drew's plug-in hace soportar múltiples estados de baldosas, proporcionó un par de muestras. Sample 1 y Sample 2. Parece hacer lo que necesito para la simulación de mosaicos en vivo.

Fuente

2012-08-03 01:55:39 Voidsbane

Simular voltear mosaicos en vivo en html

Respuesta

Cuestiones relacionadas