slider created for the country fair
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Country Fair slider

This is an image comparison slider created for a story about the Country Fair.


Working example

Working story example

Code tutorial: Mobile-friendly, responsive scrubber

Lightning implementation:

<!-- This sets the height of the container. Set value depending on max height of image. -->
<div style=”max-height:980px!important;”>

    <!-- .mm makes it responsive and the padding-bottom makes it fill the full image -->
    <div class=”mm” style=”padding-bottom:100%;”>

        <!-- This is the iframe to the github page. Height is max height -->
        <iframe src=”” width=”100%” height=”980” frameBorder=”0” scrolling=”no”></iframe>



See for more info.