| MorphoGenesis dynamique : Transition entre page web (revealTrans et blendTrans) |
Titre du sujet : MorphoGenesis dynamique : Transition entre page web (revealTrans et blendTrans)
par jbboschung sur 24/05/2007 17:35:40
Utilisant le thème Morphogenesis depuis peu (merci kris et autres concepteurs de ce gabarit), j'ai voulu me pencher sur les transitions d'entrée et de sortie de page, car le choix des transitions utilisé par le modèle ne me plaisait pas entièrement (transition aléatoire).
Après quelques recherches sur le web voici ce que j'ai trouvé :
Ces transitions sont gérées par des filtres dynamiques (IE, Avant Browser, Crazy Browser, MyIE, Maxton ... mais pas Netscape saus erreur de ma part).
Elles sont déclarées dans le header cntenu dans le fichier theme.html de votre thème (morphoGenesis dynamique) :
<!-- Pour la transition des pages -->
<meta http-equiv="Page-Enter" content="revealtrans(duration=1, transition=23)" />
<meta http-equiv="Page-Exit" content="revealtrans(duration=1, transition=23)" />
Dans le modèle à dispo, c'est le type '23' qui a été retenu (transitions aléatoire). Il en existe en fait exactement 23, et peuvent être choisie, si l'un ou l'autre vous plait mieux. Il suffit pour cela de remplacer la valeur 23, par une autre valeur selon cette liste
http://fr.selfhtml.org/dhtml/modeles/ ... namiques.htm#reveal_trans
Et comme vous l'aurez deviné, la valeur correspondant assignée à la variable 'duration' peut aussi être modifié pour agir sur la durée de l'effet.
Un autre filtre existe, il permet de passer d'une page à l'autre en 'fondu-enchainé'. Il s'agit de la commande blendTrans qui doit aussi être déclarée, comme le filtre précédent :
<!-- Pour la transition des pages -->
<meta http-equiv="Page-Enter" content="blendtrans(duration=1)" />
<meta http-equiv="Page-Exit" content="blendtrans(duration=1)" />
C'est cette possibilité que j'ai choisi pour mon site ici
A noter encore que ces transition peuvent aussi être utilisées pour l'entrée ou la sortie de votre votre site, comme ceci :
- Pour utiliser l'effet en entrée de page, mettez Page-Enter
- Pour utiliser l'effet en sortie de page, mettez Page-Exit
- Pour utiliser l'effet en entrée de site, mettez Site-Enter
- Pour utiliser l'effet en sortie de site, mettez Site-Exit
Voilà, en espérant avoir publié la résolution de mon problème au bon endroit et que cela puisse aider l'un ou l'autre...
|
|
