Spin me
A Flickety fiddle showing freescrolling carousel
HTML
<script src="https://npmcdn.com/flickity@1.1/dist/flickity.pkgd.js"></script>
<link rel="stylesheet" href="https://npmcdn.com/flickity@1.1/dist/flickity.css">
<div class="home-map-wrapper">
<div class="map-frame"><img src="https://placeholdit.imgix.net/~text?txtsize=250&txt=Spin%20me!&w=600&h=200" /></div>
<div class="map-frame"><img src="https://placeholdit.imgix.net/~text?txtsize=250&txt=Spin%20me!&w=600&h=200" /></div>
<div class="map-frame"><img src="https://placeholdit.imgix.net/~text?txtsize=250&txt=Spin%20me!&w=600&h=200" /></div>
</div>
JavaScript
(function() {
$(function() {
initFlickety();
});
function initFlickety() {
$('.home-map-wrapper').flickity({
autoPlay: 1000,
freeScroll: true,
wrapAround: true,
prevNextButtons: false,
pageDots: false,
freeScrollFriction: 0.00
});
}
})();