Carousel

A carousel, or slider, provides a way to have a gallery or series of slides of content that are automatically advanced.

The carousel plugin provides the styles and interactivity. To use this plugin, you'll need to follow these markup instructions:

1. Create a generic wrapper element <div> that will house the carousel and give it a class of flexslider.
2. Add a list element <ul> and give it a class of slides.
3. Add list item elements <li> for each slide of content you'd like to have displayed.
   Any content can be put into the list item as a slide. The most common use is to include an image element <img>. Each slide should be the same size to avoid awkward styling.
4. Load the carousel plugin with <script>WDN.initializePlugin('carousel');</script>
   Please note, you only need to run this script once per page. Putting it at the bottom of your content ensures that the carousel loads when ready.

Example

<div class="flexslider">
    <ul class="slides">
        <li>
            <figure>
                <img alt="Cheerleaders posing with flexed arms" src="https://www.unl.edu/wdn/templates_4.1/examples/samplecontent/carouselCheerleaders.jpg">
                <figcaption>
                    The Husker Spirit Squad showed their tough side as they posed for photos by spectators Sunday afternoon. 2010 Big Red Road Show at Omaha Qwest Center on February 8, 2010.
                     <span style="font-size:0.6em;font-style:italic">Photo by Craig Chandler / University Communications</span>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img alt="Room full of graduating students in academic regalia; focused on a decorated mortar board with the message &quot;Thank you Mom Dad I&heart;U" src="https://www.unl.edu/wdn/templates_4.1/examples/samplecontent/carouselGraduation.jpg">
                <figcaption>
                    Nina Lorincz of Omaha made her mortar board into a special message for her parents Saturday. December 2009 Undergraduate Commencement in Bob Devaney Sports Center.
                     <span style="font-size:0.6em;font-style:italic">Photo by Craig Chandler / University Communications</span>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img alt="A fully bundled up person outside on campus in a snowshorm with Hamilton and Avery Halls in the backgrond" src="https://www.unl.edu/wdn/templates_4.1/examples/samplecontent/carouselSnow.jpg">
                <figcaption>
                    A December snowstorm caused the University to close at noon on December 8, 2009.
                     <span style="font-size:0.6em;font-style:italic">Photo by Greg Nathan / University Communications</span>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img alt="Football players tackling during a game at Memorial Stadium" src="https://www.unl.edu/wdn/templates_4.1/examples/samplecontent/carouselFootball.jpg">
                <figcaption>
                    Ndamukong Suh and Larry Asante sandwich Kansas State quarterback Grant Gregory. University of Nebraska–Lincoln vs. Kansas State Wildcats football.
                     <span style="font-size:0.6em;font-style:italic">Photo by Craig Chandler / University Communications</span>
                </figcaption>
            </figure>
        </li>
    </ul>
</div>
<script>WDN.initializePlugin('carousel');</script>