Slideshow

<main class="c-slideshow" aria-label="slideshow">
    <div class="c-slideshow__controls">
        <button class="c-slideshow__play" title="play slideshow"><span>play slideshow</span></button>
        <button class="c-slideshow__pause" title="pause slideshow"><span>pause slideshow</span></button>
        <button id="c-slideshow__goto1" class="c-slideshow__goto" aria-label="go to slide 1 of 4">1</button>
        <button id="c-slideshow__goto2" class="c-slideshow__goto" aria-label="go to slide 2 of 4">2</button>
        <button id="c-slideshow__goto3" class="c-slideshow__goto" aria-label="go to slide 3 of 4">3</button>
        <button id="c-slideshow__goto4" class="c-slideshow__goto" aria-label="go to slide 4 of 4">4</button>
    </div>
    <figure class="c-slideshow__slide">
        <figcaption>
            <h2>
                <a href="https://cdlib.org/cdlinfo/2022/04/28/escholarship-celebrates-its-20-year-anniversary">eScholarship celebrates 20 years!</a>
            </h2>
            <p>We reflect on how far UC’s eScholarship publishing program and institutional repository have come since their launch in 2002.</p>
            <small>Photo by Luca Upper</small>
        </figcaption>
        <div class="c-slideshow__slide-image">
            <img srcset="https://cdlib.org/wp-content/uploads/2022/06/escholarship-hero-image-balloons.jpg 740w, https://cdlib.org/wp-content/uploads/2022/06/escholarship-hero-image-balloons.jpg 1095w" sizes="(min-width: 760px) 77vw, 100vw" src="https://cdlib.org/wp-content/uploads/2022/06/escholarship-hero-image-balloons.jpg" alt="eScholarship celebrates 20 years!">
        </div>
    </figure>
    <figure class="c-slideshow__slide">
        <figcaption>
            <h2>
                <a href="https://cdlib.org/cdlinfo/2021/07/27/welcome-uc-library-search">Welcome, UC Library Search!</a>
            </h2>
            <p>UC Libraries launch a new unified discovery and borrowing system</p>
            <small></small>
        </figcaption>
        <div class="c-slideshow__slide-image">
            <img srcset="https://cdlib.org/wp-content/uploads/2021/01/ucls_launch_students_v7.jpg 740w, https://cdlib.org/wp-content/uploads/2021/01/ucls_launch_students_v7.jpg 1095w" sizes="(min-width: 760px) 77vw, 100vw" src="https://cdlib.org/wp-content/uploads/2021/01/ucls_launch_students_v7.jpg" alt="Welcome, UC Library Search!">
        </div>
    </figure>
    <figure class="c-slideshow__slide">
        <figcaption>
            <h2>
                <a href="https://cdlib.org/cdlinfo/2021/08/04/calisphere-soars-past-two-million-digital-primary-resource-items">Calisphere soars past two million digital primary resource items!</a>
            </h2>
            <p>Now with over two million historical images, texts, and other primary resources, Calisphere is your gateway to the state of California's remarkable digital collections.</p>
            <small>UC Merced, Library and Special Collections</small>
        </figcaption>
        <div class="c-slideshow__slide-image">
            <img srcset="https://cdlib.org/wp-content/uploads/2021/01/calisphere-080421.jpg 740w, https://cdlib.org/wp-content/uploads/2021/01/calisphere-080421.jpg 1095w" sizes="(min-width: 760px) 77vw, 100vw" src="https://cdlib.org/wp-content/uploads/2021/01/calisphere-080421.jpg" alt="Calisphere soars past two million digital primary resource items!">
        </div>
    </figure>
    <figure class="c-slideshow__slide">
        <figcaption>
            <h2>
                <a href="https://cdlib.org/cdlinfo/2021/03/16/uc-secures-landmark-open-access-deal-with-worlds-largest-scientific-publisher">UC strikes landmark open access deal</a>
            </h2>
            <p>University secures trailblazing agreement with world’s largest scientific publisher, Elsevier</p>
            <small></small>
        </figcaption>
        <div class="c-slideshow__slide-image">
            <img srcset="https://cdlib.org/wp-content/uploads/2021/07/uc_open_access_deal.jpg 740w, https://cdlib.org/wp-content/uploads/2021/07/uc_open_access_deal.jpg 1095w" sizes="(min-width: 760px) 77vw, 100vw" src="https://cdlib.org/wp-content/uploads/2021/07/uc_open_access_deal.jpg" alt="UC strikes landmark open access deal">
        </div>
    </figure>
</main>