Modèle:Carousel

De Omnis Bibliotheca
Aller à :navigation, rechercher




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 :