misterymyra_collaboration-06

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>B</h2>
	<vue-perfectlooper v-bind="b"></vue-perfectlooper>
</div>

JavaScript

Vue.component('vue-perfectlooper', VuePerfectlooper);
new Vue({
	el: '#app',
	data: {
		a: {
			"id": "a",
			"poster": "https://image.ibb.co/bWaNzk/0001.png",
			"src":
`https://image.ibb.co/f2eMs5/0001.png
https://image.ibb.co/d59bQQ/0002.png
https://image.ibb.co/njR1s5/0003.png
https://image.ibb.co/dPfi5Q/0004.png
https://image.ibb.co/ctckKk/0005.png
https://image.ibb.co/cPFuC5/0006.png
https://image.ibb.co/h4enX5/0007.png
https://image.ibb.co/fmJ35Q/0008.png
https://image.ibb.co/iQfuC5/0009.png
https://image.ibb.co/m7TQKk/0010.png
https://image.ibb.co/fNogs5/0011.png
https://image.ibb.co/gWFrQQ/0012.png
https://image.ibb.co/cuEUC5/0013.png
https://image.ibb.co/fKUJ5Q/0014.png
https://image.ibb.co/eTs5kQ/0015.png
https://image.ibb.co/eUQfKk/0016.png
https://image.ibb.co/f3aQkQ/0017.png
https://image.ibb.co/d0uJ5Q/0018.png
https://image.ibb.co/gVYBQQ/0019.png
https://image.ibb.co/jiMnzk/0020.png
https://image.ibb.co/gBLQkQ/0021.png
https://image.ibb.co/dO8pC5/0022.png
https://image.ibb.co/mvN5kQ/0023.png
https://image.ibb.co/n42Szk/0024.png`.split('\n')
		},
		b: {
			"id": "b",
			"poster":...