let images = ['IMG_6745.JPG', 'IMG_6746.JPG', 'IMG_6747.JPG', 'IMG_6748.JPG', 'IMG_6749.JPG', 'IMG_6750.JPG', 'IMG_6751.JPG', 'IMG_6752.JPG', 'IMG_6753.JPG', 'IMG_6754.JPG', 'IMG_6755.JPG', 'IMG_6756.JPG', 'IMG_6757.JPG', 'IMG_6758.JPG', 'IMG_6759.JPG', 'IMG_6760.JPG', 'IMG_6761.JPG', 'IMG_6762.JPG', 'IMG_6763.jpeg', 'IMG_6764.jpeg', 'IMG_6765.jpeg', 'IMG_6766.jpeg', 'IMG_6767.jpeg', 'IMG_6768.jpeg', 'IMG_6769.jpeg', 'IMG_6770 (1).jpeg', 'IMG_6770.jpeg', 'IMG_6772.jpeg', 'IMG_6773.jpeg', 'IMG_6774.jpeg', 'IMG_6775.jpeg', 'IMG_6776.jpeg', 'IMG_6777.jpeg', 'IMG_6778.jpeg', 'IMG_6779.jpeg', 'IMG_6780.jpeg', 'IMG_6781.jpeg', 'IMG_6782.JPG', 'IMG_6783.JPG', 'IMG_6784.JPG', 'IMG_6785.JPG', 'IMG_6786.JPG', 'IMG_6787.JPG', 'IMG_6788.JPG', 'IMG_6789.JPG', 'IMG_6790.JPG', 'IMG_6791.JPG', 'IMG_6792.JPG', 'IMG_6793.JPG', 'IMG_6794.JPG', 'IMG_6795.JPG', 'IMG_6796.JPG', 'IMG_6797.JPG', 'IMG_6798.JPG', 'IMG_6799.JPG', 'IMG_6800.JPG', 'IMG_6801.JPG', 'IMG_6802.JPG', 'IMG_6803.JPG', 'IMG_6804.JPG', 'IMG_6805.JPG', 'IMG_6806.JPG', 'IMG_6807.JPG', 'IMG_6808.JPG', 'IMG_6809.JPG']; setInterval(swapImages, 1500); let currentImage = 0; function swapImages (){ let cards = document.querySelectorAll('.card div'); for (i = 0; i < cards.length-1; i++) { cards[i].style.backgroundImage = cards[i + 1].style.backgroundImage; } // cards[cards.length - 1].style.backgroundImage = "url('/assets/winners/" + images[Math.floor(Math.random() * images.length)] + "')"; cards[cards.length - 1].style.backgroundImage = "url('/assets/winners/" + images[currentImage] + "')"; currentImage = (currentImage === images.length - 1) ? 0 : ++currentImage; }