Créer une page à onglets
Téléchargez yetti.js et mettez-le entre les balises
Préparez les balises :
Tous les onglets devraient avoir appliqué la bonne classe :
Initialiser l’objet Yetti :
USAGES AVANCES :
Si vous souhaitez spécifier l’onglet initial :
Si vous voulez annuler les noms de classes par défaut :
Si vous souhaitez activer la rotation automatique des onglets (préciser l’intervalle de temps en secondes) :
La Rotation s’arrête lorsque l’utilisateur commence à interagir avec des onglets. Toutefois, si vous spécifiez le paramètre d’attente :
et l’utilisateur clique sur un onglet, la rotation se poursuivra après le nombre de secondes défini par le paramètre d’attente.
Yetii contient également des méthodes permettant de mettre en page les onglets en utilisant vos propres boutons suivant / précédent (voir la section Demo) :
Si nécessaire, vous pouvez invoquer l’onglet comme ceci :
Vous pouvez définir des fonctions personnalisées à invoquer après le clic de certains onglets :
Vous pouvez définir des fonctions personnalisées à exécuter lorsque l’utilisateur quitte certains onglets :
Vous pouvez définir un lien sur une autre page qui sélectionne un onglet sur la page cible (un script contenant Yetii) lorsque la page est chargée. En supposant que vous avez placé l’onglet sur la page A :
Vous pouvez également utiliser l’id DOM de l’onglet à la place de la valeur numérique :
Si vous souhaitez activer la fonction de persistance des onglets (donc le clic le plus récentsur l’onglet est mémorisée même si la page est rechargée) :
- CSS - Cascading Style Sheets
- Créer un formulaire mail avec Captcha
- Découpage et Codage en XHTML/CSS
- Où est ma transparence ? Navigateur Obsolète
- Construction des pages
- Les commentaires conditionnels pour Internet Explorer
- Optimiser les performances de son site
- Mise en page iPad CSS avec Modes Portrait Paysage
- Personnaliser sa page Twitter
- Convertir les photos en images vectorielles
Traduit (du moins j’ai essayé) de la page http://www.kminek.pl/lab/yetii/