The "Gif" component allows you to easily add a Gif, like those provided by Giphy, in almost any slide of your presentation.
This component is part of the "Gif" template. Therefore, if you would like to use it, install the related slide as described in its installation chapter.
If you are using our Starter Kit this template is included. You don't need to install it so therefore you should skip the "Installation" chapter.
The "Gif" slide's Web Component could be integrated using the tag
<deckgo-gif src="https://media.giphy.com/media/xUA7baWfTjfHGLZc3e/giphy.gif" alt="My gif" fullscreen="true"> <h1 slot="header">Hey</h1> <h2 slot="footer">It's a cool gif</h2> </deckgo-slide-gif>
footer are both optional.
footer would be displayed over the gif.
This component offers the following options which could be set using attributes:
|src||string||The source url, the src, of the Gif. Could be an embeddable external url or a local one.|
|alt||string||And alt information could be provided for accessibility reason.|
|fullscreen||number||false||If set to true, the gif width and height will be related to the slide width and height respectively will be fullscreen.|
The following theming options will affect this component if set on its host or parent.
|--width||The width of the gif|
|--height||The height of the gif|
|--background||The background of the
|--color||The color of the
|--padding||The padding of the
|--zIndex||2||The z-index of the slide|
|--border-radius||A radius for the border of the gif container|
Of course, as other images added to a presentation build with DeckDeckGo, gifs are lazy loaded too.