Card Slideshow
Lightbox SliderThe image launches a lightbox slideshow on click or tap.
The slider images are lazy load and inserted in two or three sizes for the various devices.
Slideshow
Card + Slideshow Modal
Slideshow
Media Card Modals
The cards have the same functions and controls. The layout can be switched and the image can have an added paddig to expose a single color or teo color gradient background.
Animation
The optional slide up in viewport animation is created using a single line of CSS rather than loading a large stylesheet like the EverWeb default animation.
The animation is removed when the page is viewed on a mobile phone since it only causes delay and confusion on these devices. It can be added if required.
Card + MP4 Video Modal
Video Card
MP4 VideoThe image is the trigger to open the modal with the MP4 video.
The video file is lazy loaded and inserted in two sizes for computer and smaller mobile devices
Card + YouTube Modal
YouTube Card
Lazy LoadThe lazy loading YouTube video has controls for adapting to aspect ratios other than 16:9
Card Grid