misterymyra_collaboration-17

by Admiral Potato

HTML

<script src="https://unpkg.com/vue-perfectlooper"></script>
<link rel="stylesheet" href="https://admiralpotato.github.io/vue-perfectlooper/demo.css">
<div id="app" class="container">
	<div v-for="item in setList">
		<h2>{{item.id}}</h2>
		<vue-perfectlooper v-bind="item"></vue-perfectlooper>
	</div>
</div>

JavaScript

Vue.component('vue-perfectlooper', VuePerfectlooper);
new Vue({
	el: '#app',
	data: {
		setList: [
			{
				"id": "a",
				"poster": "https://image.ibb.co/inBwuv/0001.png",
				"src":
`https://image.ibb.co/inBwuv/0001.png
https://image.ibb.co/dNWJ7F/0002.png
https://image.ibb.co/dgwwuv/0003.png
https://image.ibb.co/js4S1a/0004.png
https://image.ibb.co/fmwwuv/0005.png
https://image.ibb.co/mCVNZv/0006.png
https://image.ibb.co/hrwwuv/0007.png
https://image.ibb.co/crnfMa/0008.png
https://image.ibb.co/f4S2Zv/0009.png
https://image.ibb.co/ivyWSF/0010.png
https://image.ibb.co/fMQZga/0011.png
https://image.ibb.co/bFNfMa/0012.png
https://image.ibb.co/fjTy7F/0013.png
https://image.ibb.co/jjR71a/0014.png
https://image.ibb.co/coXQnF/0015.png
https://image.ibb.co/jHqZga/0016.png
https://image.ibb.co/myvNZv/0017.png
https://image.ibb.co/mVLpEv/0018.png
https://image.ibb.co/bMX2Zv/0019.png
https://image.ibb.co/b7sQnF/0020.png
https://image.ibb.co/dScfMa/0021.png
https://image.ibb.co/b1nfMa/0022.png
https://image.ibb.co/dDiLMa/0023.png
https://image.ibb.co/dDVd7F/0024.png
https://image.ibb.co/hNx2Zv/0025.png
https://image.ibb.co/dGoWSF/0026.png
https://image.ibb.co/cdpuga/0027.png
https://image.ibb.co/gwbUEv/0028.png
https://image.ibb.co/b4wUEv/0029.png
https://image.ibb.co/m86UEv/0030.png
https://image.ibb.co/eJcrSF/0031.png
https://image.ibb.co/dN89Ev/0032.png
https://image.ibb.co/eAyWSF/0033.png
https://image.ibb.co/cOVd7F/0034.png
https://image.ibb.co/d3wqMa/0035.png
https://image.ibb.co/jc287F/0036.png
https://image.ibb.co/e02muv/0037.png
https://image.ibb.co/jH9XZv/0038.png
https://image.ibb.co/eBqvnF/0039.png
https://image.ibb.co/eTt4ga/0040.png
https://image.ibb.co/hh9c1a/0041.png
https://image.ibb.co/kLjAMa/0042.png
https://image.ibb.co/kqQvnF/0043.png
https://image.ibb.co/doeAMa/0044.png
https://image.ibb.co/m4ZzEv/0045.png
https://image.ibb.co/etEMSF/0046.png
https://image.ibb.co/n2RCZv/0047.png
https://image.ibb.co/m8eAMa/0048.png`.split('\n')
			},
			{
				"id":...