Swipeview multiple

HTML

<script src="https://raw.github.com/cubiq/SwipeView/master/src/swipeview.js"></script>
<div class="scroller" id="scroll-wrapper">

</div>

CSS

.scroller { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 100%; height: 375px; }
.scroller .outer-scroll-item { position: relative; float: left; }
.scroller .scroll-item { float: left; }

JavaScript

var carousel,
        el,
        i,
        page,
        slides = [
            '<div class="outer-scroll-item"><div class="scroll-item"><a href="#"><img src="http://www.tuvie.com/wp-content/uploads/sleek-boat-concept-by-andrew-bedov2.jpg" alt="billede" /></a></div></div>',
            '<div class="outer-scroll-item"><div class="scroll-item"><a href="#"><img src="http://www.tuvie.com/wp-content/uploads/sleek-boat-concept-by-andrew-bedov2.jpg" alt="billede" /></a></div></div>',
            '<div class="outer-scroll-item"><div class="scroll-item"><a href="#"><img src="http://www.tuvie.com/wp-content/uploads/sleek-boat-concept-by-andrew-bedov2.jpg" alt="billede" /></a></div></div>',
            '<div class="outer-scroll-item"><div class="scroll-item"><a href="#"><img src="http://www.tuvie.com/wp-content/uploads/sleek-boat-concept-by-andrew-bedov2.jpg" alt="billede" /></a></div></div>'
        ];

        carousel = new SwipeView('#scroll-wrapper', {
            numberOfPages: slides.length,
            loop: false
        });

        // Load initial data
        for (i = 0; i < 3; i++) {
            page = i == 0 ? slides.length - 1 : i - 1;

            el = document.createElement('span');
            el.innerHTML = slides[page];
            carousel.masterPages[i].appendChild(el)
        }

        carousel.onFlip(function () {
            var el,
            upcoming,
            i;

            for (i = 0; i < 3; i++) {
                upcoming = carousel.masterPages[i].dataset.upcomingPageIndex;

                if (upcoming != carousel.masterPages[i].dataset.pageIndex) {
                    el = carousel.masterPages[i].querySelector('span');
                    el.innerHTML = slides[upcoming];
                }
            }
        });