misterymyra_collaboration-11

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">
	<h2>A</h2>
	<vue-perfectlooper v-bind="a"></vue-perfectlooper>
	<h2>C</h2>
	<vue-perfectlooper v-bind="c"></vue-perfectlooper>
	<h2>D</h2>
	<vue-perfectlooper v-bind="d"></vue-perfectlooper>
</div>

JavaScript

Vue.component('vue-perfectlooper', VuePerfectlooper);
new Vue({
	el: '#app',
	data: {
		a: {
			"id": "a",
			"poster": "https://image.ibb.co/c9m8hF/0001.png",
			"src":
`https://image.ibb.co/c9m8hF/0001.png
https://image.ibb.co/hfS3Ga/0002.png
https://image.ibb.co/mZRxba/0003.png
https://image.ibb.co/cxGKpv/0004.png
https://image.ibb.co/cDTX9v/0005.png
https://image.ibb.co/c6Xs9v/0006.png
https://image.ibb.co/eJTX9v/0007.png
https://image.ibb.co/m8Cs9v/0008.png
https://image.ibb.co/heuThF/0009.png
https://image.ibb.co/k0caUv/0010.png
https://image.ibb.co/nCKYGa/0011.png
https://image.ibb.co/eWuN9v/0012.png
https://image.ibb.co/fottGa/0013.png
https://image.ibb.co/fpeB2F/0014.png
https://image.ibb.co/cbWPNF/0015.png
https://image.ibb.co/g0dSba/0016.png
https://image.ibb.co/k7PB2F/0017.png
https://image.ibb.co/i5i4NF/0018.png
https://image.ibb.co/f14YGa/0019.png
https://image.ibb.co/iNTtGa/0020.png
https://image.ibb.co/k3Yh9v/0021.png
https://image.ibb.co/mjf7ba/0022.png
https://image.ibb.co/cs2yhF/0023.png
https://image.ibb.co/eaj0wa/0024.png`.split('\n')
		},
		c: {
			"id": "c",
			"poster":...