Gallery
Square onlyPhotoSwipe - JavaScript image gallery for mobile and desktop.
Basic example
You can active the component by adding gallery class to an element. With data-options attribute you can setup/override mode settings. You need to define the image in a figure tag. You can add figcaption too to create a title for the gallery item.
Define the data-size and provide a link for the full size image.
Note: the gallery has been extended with an image slider function.
Video gallery
Create gallery from videos, for example embedded YouTube. Use data-type="video" attribute and add the embedded video elements inside data-video='...' attribute.