Media recipes · LoamUI

Article carousel #

Five journal articles as Cards on a Carousel track: a photo, a category Badge, a title and a Read article link each, with Previous and Next beside the title and a dot per article beneath.

From the growers’ journal

Guide
Picking French beans at their best
Read article – Picking French beans at their best
Harvest
Haymaking on the member fields
Read article – Haymaking on the member fields
Plants
A closer look at spring buds
Read article – A closer look at spring buds
Spring
Tulips at the woodland edge
Read article – Tulips at the woodland edge
Notes
Reading the weather over the fields
Read article – Reading the weather over the fields

Code

View code on the example page

Image comparison #

Black-and-white and colour treatments of the same photograph in one frame, the second revealed by a Range the reader drags or moves with the arrow keys.

Black-and-white photograph of wooden fence posts and wire above long grass — One photograph in black and white and colour. Move the slider to compare the treatments.

The same fence photograph in colour: weathered brown posts above golden grass — One photograph in black and white and colour. Move the slider to compare the treatments.

Code

View code on the example page

From the growers’ journal

Picking French beans at their best

Haymaking on the member fields

A closer look at spring buds

Tulips at the woodland edge

Reading the weather over the fields