Template:GIF Gallery

Description?

Template Purpose

To help with creating a gallery of gifs that can be responsive enough to various page sizes instead of getting pushed out of the page horizontally (or being squished if it's in mobile portrait view).
In order for the responsiveness to fully work, the template must be wrapped in a div style element containing flex properties. (As shown below)


            <div style="display: flex; flex-wrap: wrap; width:100%;">
            {{GIF Gallery}}
            </div>

Base Template Text Parameters

Parameter	Required	Description	Default
gif_image		The GIF image file.	https://wiki.dungeondefenders2.com/images/e/ec/Blank_GIF.gif
description		Description of the presented GIF image.	Description?

Examples

Wiki Text - Base Template Text
`{{GIF Gallery \| gif_image = File:Lava Beast Left Swipe Attack.gif \| description = Lava Beast Left Melee Swipe. }}`

Wiki Text
- Multiple Images with Div Style Wrapper


            <div style="display: flex; flex-wrap: wrap; width:100%;">
            {{GIF Gallery
            | gif_image = File:Lava Beast Left Swipe Attack.gif
            | description = Lava Beast Left Melee Swipe.
            }}
            {{GIF Gallery
            | gif_image = File:Lava Beast Right Swipe Attack.gif
            | description = Lava Beast Right Melee Swipe.
            }}
            {{GIF Gallery
            | gif_image = File:Lava Beast Headbutt Attack.gif
            | description = Headbutt Attack.
            }}
            {{GIF Gallery
            | gif_image = File:Lava Beast Projectile Attack.gif
            | description = Projectile Attack.
            }}
            </div>

Result
- Multiple Images with Div Style Wrapper

Lava Beast Left Melee Swipe.