Template:SlidingStart/doc
Jump to navigation
Jump to search
Documentation
[purge]
This is a splitted Template that needs Template:SlidingEnd to work properly.
Don't use it separated, because it will break your Page Layout.
Use
{{SlidingStart |BannerWidth= |Alignment= |ImageHeight= |AnimationRepeat= |AnimationDuration= |AnimationDirection= |AnimationTiming= }} Your Text/Gallery/Image... {{SlidingEnd}}
Examples
With Gallery extension:
{{SlidingStart|BannerWidth=500px|Alignment=left|ImageHeight=300|AnimationDuration=30|AnimationTiming=linear|AnimationDirection=normal|AnimationRepeat=1}} <gallery mode="packed" widths=200px heights=300px perrow=6> File:blueprint_blue.jpg File:boardwalk_1.jpg File:house_interior.jpg File:remains.jpg File:tavern.jpg File:trees.jpg </gallery> {{SlidingEnd}}
Just Text:
{{SlidingStart|BannerWidth=95%|ImageHeight=100|AnimationDuration=500|AnimationTiming=linear|AnimationDirection=normal|AnimationRepeat=10}} H e l l o W o r l d ! {{SlidingEnd}}
Parameters
- |BannerWidth=
- Width of the whole Banner, you can use px or % (Default: 742px)
- |Alignment=
- Float left,center,right (Default: center)
- |ImageHeight=
- value of px, it should be set same as in Gallery/Image you use (Default: 300)
- |AnimationRepeat=
- Number or infinite (Default: infinite)
- |AnimationDuration=
- value in seconds (Default: 60)
- |AnimationDirection=
- animation-direction values: normal, reverse, alternate, alternate-reverse (Default: normal)
- |AnimationTiming
- (Default: linear)
- ease
- slow Start, speed up and slow end (⇔ cubic-bezier(0.25,0.1,0.25,1))
- linear
- same speed from Start to End (⇔ cubic-bezier(0,0,1,1))
- ease-in
- slow Start (⇔ cubic-bezier(0.42,0,1,1))
- ease-out
- slow End (⇔cubic-bezier(0,0,0.58,1))
- ease-in-out
- slow Start and slow End (⇔ cubic-bezier(0.42,0,0.58,1))
- cubic-bezier(n,n,n,n)
- numerisc values between 0 and 1
- steps(n)
- step by step
This is the documentation page, it should be transcluded into the main template page. See Template:Doc for more information.