JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
JavaScript
$(document).ready(function() {
alert("asd");
var currentPosition = 0;
var slideWidth = 580;
var slides = $(".movie");
var numberOfSlides = slides.length;
var slideShowInterval;
var slideshowSpeed = 3000;
slideShowInterval = setInterval(changePosition, slideshowSpeed);
slides.wrapAll("<div id=\"slidesHolder\"></div>");
slides.css({"float": "left"});
$("#slidesHolder").css("width", slideWidth * numberOfSlides);
function changePosition() {
if (currentPosition == numberOfSlides) {
currentPosition = 1;
}
else {
currentPosition += 1;
}
moveSlide();
}
function moveSlide() {
$("#slideHolder").animate({"marginLeft": slideWidth * (-currentPosition)});
}
});