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.

Lava Beast Right Melee Swipe.

Headbutt Attack.

Projectile Attack.