Dev Faq
6
votes

Simulation de tuiles vivantes en direct en HTML

J'ai besoin de coder quelques "carreaux vivants" HTML qui se retournez entre 4 états périodiquement. Fondamentalement, ce dont j'ai besoin, c'est ce que ce plug-in http://www.trewgreenwell.com/projects/metrojs < / a>, mais entre 4 états, pas seulement 2. Existe-t-il une API / Plug-in définitif qui permet une gestion de carreaux en direct dans les sites HTML / JQUERY? Je ne construisant pas une application Windows 8, j'essaie simplement de simuler des carreaux vivants à basculer dans HTML, et j'espère que cela fonctionne dans tous les grands navigateurs. Merci.

2 commentaires

Le plug-in de Drew ne prend en charge que des tuiles avec 2 états, avant et arrière. J'en ai besoin pour soutenir 4 états ou plus par tuile. Et la personnalisation de cela pour travailler comme ça pourrait prendre beaucoup de temps à quelqu'un avec pas beaucoup d'expérience dans JQuery

En fait, cela prend en charge plusieurs états. Regardez ma réponse ci-dessous.

5 Réponses :

-2
votes

Vous pouvez utiliser JQuery ou JQuery UI pour obtenir cet effet. jquery a .animate () , .Show () , .hide () et d'autres méthodes pouvant aider.

2 commentaires

Merci, je pourrais juste avoir à le personnaliser comme ça. Je me demandais simplement que depuis des applications de style métro et des carreaux vivants deviennent de plus en plus courants, s'il y avait un plug-in / API qui l'a fait hors de la boîte.

Je ne recommanderais pas d'utiliser les animations de JQuery à moins d'avoir été commutée vers des transitions / animations CSS3. Exécution de l'animation dans le script ne lui permettra pas de fonctionner en douceur

4
votes

J'essaie simplement de simuler des carreaux vivants à basculer en HTML, et Espérons que cela fonctionne dans tous les grands navigateurs

Je pense que c'est ce dont vous avez besoin. Flip! http://lab.smashup.it/flip/

0 commentaires
0
votes

Cela devrait être assez facile. Plus précisément:

  • Créez un DIV avec votre contenu de taille N tuile
  • CLIP IT / Taille Le parent DIV à 1 TILE TAILLE
  • Assurez-vous que le débordement est caché.
  • Appliquez Traduire Translate's sur le contenu précédent et le nouveau contenu en utilisant CSS

    Alors tout devrait être bien.

1 commentaires

Merci! Je suis toujours un peu nouveau à JQuery, mais cela pourrait être une solution rapide.

1
votes

Vous pouvez envisager de lire cet article (ci-dessous) sur la façon de faire des retournements avec les transitions CSS3 / HTML5. Ce n'est pas JavaScript (et donc n'a pas d'API), mais dans mon expérience, les effets de transition semblent être un peu plus fiables dans leur douceur.

mur d'élément animé avec CSS

1 commentaires

Merci! Je vais jeter un coup d'oeil à ça

5
votes

En fin de compte, il semble que Drew's Plug-in prend en charge plusieurs états de tuile, il fourni quelques échantillons. échantillon 1 et Sample 2 . Il semble faire ce dont j'ai besoin pour la simulation de tuiles en direct.

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier