Banner
Permet de placer un banner animé avec des slides contenant des images et du texte
Les slides sont composés d'une image de fond et d'un div de type textbox contenant optionnellement du texte.
Exemple
<item name='banner' type='banner' max-height='300' trans-type='h' duration='4000' trans-ratio='25' >
<css selector='.textbox' background-color='rgba(0,0,0,0.3)' color='#fff' padding='0.5em' position='absolute' bottom='0' left='0' right='0' />
<css selector='.title' box-sizing='border-box' padding-left='{nav-m-left}px' max-width='{main-width}px' margin='0 auto' font-size='2em' />
</item>
<css selector='.textbox' background-color='rgba(0,0,0,0.3)' color='#fff' padding='0.5em' position='absolute' bottom='0' left='0' right='0' />
<css selector='.title' box-sizing='border-box' padding-left='{nav-m-left}px' max-width='{main-width}px' margin='0 auto' font-size='2em' />
</item>
La hauteur du banner par défaut est la moyenne de la hauteur des images des slides
Attributs
| attribut | défaut | description |
|---|---|---|
| name | identification unique | |
| type | type d'item ='banner' | |
| trans-type | o | type de transition 'o'=fondu, 'v'=vertical, 'h'=horizontal |
| duration | 4000 | nb de milliseconde d'affichage d'un slide |
| trans-ratio | 25 | pourcentage de la durée d'un slide consacré à la transition |
| max-height | * | hauteur maximum en pixel |
| order | vide = normal, sinon random pour afficher les slides aléatoirement | |
| min-window-width | 320 | taille minimale de la fenĂŞtre pour que le banner apparaisse |
| preset | cover = fixe la hauteur jusqu'au bas de la fenĂŞtre | |
| controls | position | défini quels boutons de contrôles sont affichés. (voir ci-après) |
* hauteur de la plus grande des images
controls
Permet de définir quels boutons de contrôle sont affichés. (Documentation à vérifier)
| all | Affiche tous les contrĂ´les |
| none | Affiche aucun contrĂ´le |
| navigation | Affiche les flèches |
| position | Affiche les boutons de position (les points en bas) |
| playstop | Affiche les boutons play et stop |
| navpos | Affiche les flèches et les boutons de position |
