Template:SlidingEnd/doc

Documentation

[purge]

This is a splitted Template that needs Template:SlidingStart to work properly.
Don't use it separated, because it will break your Page Layout.

Use

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}}

                                                      H e l l o   W o r l d !

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.

This is the documentation page, it should be transcluded into the main template page. See Template:Doc for more information.