slider-8

Block Details

Slider with a fixed height. Width of the slider photos is set with the native ratio of the img.

Slider has no before/after buttons, and is not built with slick (all custom due to nature of build).

Slider is controlled with touch/mouse drag. Slider cannot scroll-snap as this is not possible.

Link button is visible on hover. Link isn’t required. Image is required.

If a .slider-8 without a heading is placed after another .slider-8 then the slider beneath has no padding-top, so they fit together better.

Because of the nature of this slider, the slider is not infinite. The user will eventually hit the end of the slider after mouse/thumb scrolling.

It is recommended not to have a lot of these blocks on one page, as the block is animation heavy and can affect frontend performance if used too much.