HTML 5 Bannière rotative?

Question

Je me demandais si quelqu'un pouvait donner des conseils. Je suis un expert HTML/CSS codeur ... mais j'ai peu d'expérience avec HTML 5. J'ai lu sur les grandes choses qu'il peut faire et je veux l'apprendre, mais je ne suis pas sûr à 100% de ce que je peux faire avec il. J'ai lu beaucoup d'articles concernant HTML 5 mais aucun d'entre eux ne va assez en détail à ce sujet pour répondre à mes questions. En plus de faciliter la mise en page, peut-il faire des choses comme créer une bannière rotative? Je dois prendre la bannière sur la page principale de ce site

www.newmarklearning.com

et le rendre ipad/iphone compatible. Je sais que je pourrais utiliser JavaScript et une foule d'autres options de codage, mais j'ai fugué c'est un bon endroit où je pourrais commencer à jouer avec HTML 5.

Problème n'est pas vraiment sûr si c'est la bonne technologie à utiliser. Peut-HTML 5/CSS 3 gérer de telles choses ou suis-je limité à Javascript/Ajax etc ???

Toute aide me diriger dans la bonne direction serait géniale.

Merci

Craig

Answer 1

En ce qui concerne les animations, CSS3 vous offre beaucoup d'options. Voir par exemple here pour plus d'informations sur les transformations 2D. Il existe aussi des transformations 3D. Cependant, seuls les navigateurs basés sur Webkit le supportent actuellement. This site offre également une liste des nouvelles fonctionnalités de CSS3. Dans votre cas, pour que la bannière soit animée, vous devez combiner une transformation avec une propriété de transition (la transition permet de l'animer, la transformation ne décrit que la rotation/échelle/inclinaison ciblée). Si vous voulez une animation constante (pas une seule fois), il pourrait y avoir du Javascript nécessaire. En dehors de cela, HTML5 vous offre beaucoup plus de nouvelles fonctionnalités, comme le stockage hors ligne ou d'autres choses. Le seul problème est que l'utilisateur doit avoir un navigateur relativement récent pour tout supporter, ce qui n'est malheureusement pas le cas actuellement (je connais plusieurs entreprises qui utilisent encore Windows XP avec IE6 ou 7 ou quelque chose comme ça). mises à jour désactivées: - /)

Edit: Oh, OK, j'ai juste jeté un coup d'oeil à votre site. Pour un tel "diaporama", au moins un peu de Javascript sera nécessaire, pour stocker la diapositive actuelle etc .. Mais chaque navigateur smartphone devrait le supporter sans problème

Answer 2

voulez-vous dire la bannière à droite? Cela change sur une minuterie, ou quand un nombre ou une flèche est cliqué? Il serait plus facile de recréer cela avec JavaScript.
Départ:
http://www.dhteumeuleu.com/
Si vous voulez quelques idées fraîches