Lungo.js/example/app/sections/carousel.html

<section id="carousel" data-transition="slide">
    <header>
        <nav class="box">
            <a href="#back" data-router="section" data-label="back"></a>
        </nav>

        <div class="centered title">Photo Nº<span>1</span></div>

        <nav class="right box">
            <a href="#" data-action="carousel" data-direction="left" data-icon="left"></a>
            <a href="#" data-action="carousel" data-direction="right" data-icon="right"></a>
        </nav>
    </header>
    <article id="carousel-article" class="active block" data-control="carousel">
        <div>
            <div align="center">
                <img src="http://lorempixel.com/320/418/food/" />
            </div>
            <div align="center">
                <img src="http://lorempixel.com/320/418/sports/">
            </div>
            <div align="center">
                <img src="http://lorempixel.com/320/418/people/">
            </div>
            <div align="center">
                <img src="http://lorempixel.com/320/418/abstract/">
            </div>
            <div align="center">
                <img src="http://lorempixel.com/320/418/city/">
            </div>
            <div align="center">
                <img src="http://lorempixel.com/320/418/transport/">
            </div>
            <div align="center">
                <img src="http://lorempixel.com/320/418/nature/">
            </div>
            <div align="center">
                <img src="http://lorempixel.com/320/418/fashion/">
            </div>
            <div align="center">
                <img src="http://lorempixel.com/320/418/technics/">
            </div>
        </div>
    </article>
</section>