Outils jQuery Mobile 2

projets multimédia 2
570-607-mv
GILLES THIBAULT
POSTE 2068
outils
jquery mobile 2
Transitions.
Pour modifier les transitions entre les pages, modifiez simplement la ligne data-transition="slide".
Changez le mot "slide" pour "pop","flip","fade","turn", "slideup", "slidedown", etc.
Attention, certaines transitions fonctionnent moins bien sur Androïd. Les transitions "slide", "slideup",
"slidedown" et "fade" sont celles qui fonctionnent le mieux.
Vous trouverez tous les exemples de transitions ici :
http://view.jquerymobile.com/1.3.1/dist/demos/widgets/transitions/
Thèmes.
Dans le gabarit que je vous ai fournit, j'ai simplifié au maximum la feuille de styles de l'application :
css/mes_styles.css. Cette feuille comporte 4 thèmes différents : THÈME "A", THÈME "B", THÈME "C" et
THÈME "D". Les thèmes permettent entre autres de modifier la couleur d'arrière-plan, l'image d'arrière-plan, la
couleur du texte, la mise en forme du texte pour chacune des pages du site.
Pour sélectionner le thème associé à une page, il suffit de modifier la ligne suivante dans le fichier index.html :
<div data-role="page" id="page1" data-theme="a">
Si on veut utiliser le THÈME "C" pour la page 1, il suffit de changer la ligne
pour celle-ci :
<div data-role="page" id="page1" data-theme="c">
Vous pouvez également créer vos propres thèmes utilisant les mises en
formes prédéfinies de jquery mobile en utilisant le Theme Roller :
http://jquerymobile.com/themeroller/