Modèle:Carousel
De Omnis Bibliotheca
Fonctionnalité
Permet d'afficher une suite d'image sous forme de carousel.
Paramètres
- slide-number = nombre de slide (obligatoire)
- rotation-time = durée en secondes d'une rotation (exemple pour 60 secondes : 60s)
- scaling = scaling du carousel (parfois nécessaire pour éviter le floutage des image)
- width = largeur du carousel
- height = hauteur du carousel
- slide-width = largeur des images
- slide-style = style css des images
Exemple
Code :
{{Carousel |slide-number= 20 |scaling=0.7 |rotation-time=45s |slide-height=160px |slide-width=120px |slide-1=[[Fichier:AdeptusAstartes.jpg|140px]] |slide-2=[[Fichier:BloodAngels.jpg|140px]] |slide-3=[[Fichier:DarkAngels.jpg|140px]] |slide-4=[[Fichier:SpaceWolf.jpg|140px]] |slide-5=[[Fichier:LesImperialFists.jpg|140px]] |slide-6=[[Fichier:RavenGuardCouverture.jpg|250px]] |slide-7=[[Fichier:Salamanders.jpg|200px]] |slide-8=[[Fichier:IronHands.jpg|140px]] |slide-9=[[Fichier:WhiteScars.jpg|140px]] |slide-10=[[Fichier:BlackTemplars.jpg|140px]] |slide-11=[[Fichier:AdeptusAstartes.jpg|140px]] |slide-12=[[Fichier:BloodAngels.jpg|140px]] |slide-13=[[Fichier:DarkAngels.jpg|140px]] |slide-14=[[Fichier:SpaceWolf.jpg|140px]] |slide-15=[[Fichier:LesImperialFists.jpg|140px]] |slide-16=[[Fichier:RavenGuardCouverture.jpg|250px]] |slide-17=[[Fichier:Salamanders.jpg|200px]] |slide-18=[[Fichier:IronHands.jpg|140px]] |slide-19=[[Fichier:WhiteScars.jpg|140px]] |slide-20=[[Fichier:BlackTemplars.jpg|140px]] }}
Code :
Exemple inversion
Code :
{{Carousel |id=test2 |css-wrapper=width: 800px; -webkit-mask: linear-gradient(90deg, transparent, black 10%, black 90%, transparent); mask: linear-gradient(90deg, transparent, black 10%, black 90%, transparent); |visibility=inverse |slide-number= 20 |rotation-time=45s |slide-height=160px |slide-width=120px |slide-1=[[Fichier:AdeptusAstartes.jpg|140px|link=Ultramarines]][[Ultramarines]] |slide-2=[[Fichier:BloodAngels.jpg|140px|link=Blood Angels]][[Blood Angels]] |slide-3=[[Fichier:DarkAngels.jpg|140px|link=Dark Angels]][[Dark Angels]] |slide-4=[[Fichier:SpaceWolf.jpg|140px|link=Space Wolves]][[Space Wolves]] |slide-5=[[Fichier:LesImperialFists.jpg|140px|link=Imperial Fists]][[Imperial Fists]] |slide-6=[[Fichier:RavenGuardCouverture.jpg|250px|link=Raven Guard]][[Raven Guard]] |slide-7=[[Fichier:Salamanders.jpg|200px|link=Salamanders]][[Salamanders]] |slide-8=[[Fichier:IronHands.jpg|140px|link=Iron Hands]][[Iron Hands]] |slide-9=[[Fichier:WhiteScars.jpg|140px|link=White Scars]][[White Scars]] |slide-10=[[Fichier:BlackTemplars.jpg|140px|link=Black Templars]][[Black Templars]] |slide-11=[[Fichier:AdeptusAstartes.jpg|140px|link=Ultramarines]][[Ultramarines]] |slide-12=[[Fichier:BloodAngels.jpg|140px|link=Blood Angels]][[Blood Angels]] |slide-13=[[Fichier:DarkAngels.jpg|140px|link=Dark Angels]][[Dark Angels]] |slide-14=[[Fichier:SpaceWolf.jpg|140px|link=Space Wolves]][[Space Wolves]] |slide-15=[[Fichier:LesImperialFists.jpg|140px|link=Imperial Fists]][[Imperial Fists]] |slide-16=[[Fichier:RavenGuardCouverture.jpg|250px|link=Raven Guard]][[Raven Guard]] |slide-17=[[Fichier:Salamanders.jpg|200px|link=Salamanders]][[Salamanders]] |slide-18=[[Fichier:IronHands.jpg|140px|link=Iron Hands]][[Iron Hands]] |slide-19=[[Fichier:WhiteScars.jpg|140px|link=White Scars]][[White Scars]] |slide-20=[[Fichier:BlackTemplars.jpg|140px|link=Black Templars]][[Black Templars]] }}
Code :