misterymyra_collaboration-14

by Admiral Potato

HTML

<script src="https://unpkg.com/vue-perfectlooper"></script>
<link rel="stylesheet" href="https://admiralpotato.github.io/vue-perfectlooper/demo.css">
<script src="https://unpkg.com/vue@2"></script>
<div id="app" class="container">
	<h2>A</h2>
	<vue-perfectlooper v-bind="a"></vue-perfectlooper>
	<h2>E</h2>
	<vue-perfectlooper v-bind="e"></vue-perfectlooper>
	<h2>F</h2>
	<vue-perfectlooper v-bind="f"></vue-perfectlooper>
	<h2>A-test</h2>
	<vue-perfectlooper v-bind="aTest"></vue-perfectlooper>
	<h2>E-test</h2>
	<vue-perfectlooper v-bind="eTest"></vue-perfectlooper>
	<h2>F-test</h2>
	<vue-perfectlooper v-bind="fTest"></vue-perfectlooper>
</div>

JavaScript

Vue.component('vue-perfectlooper', VuePerfectlooper);
new Vue({
	el: '#app',
	data: {
		a: {
			"id": "a",
			"poster": "https://image.ibb.co/fgUEwa/0001.png",
			"src":
`https://image.ibb.co/fgUEwa/0001.png
https://image.ibb.co/m6knGa/0002.png
https://image.ibb.co/iSok2F/0003.png
https://image.ibb.co/jaNdNF/0004.png
https://image.ibb.co/gmOk2F/0005.png
https://image.ibb.co/m4HpUv/0006.png
https://image.ibb.co/bKPEwa/0007.png
https://image.ibb.co/cEBG9v/0008.png
https://image.ibb.co/fMvyNF/0009.png
https://image.ibb.co/b73UUv/0010.png
https://image.ibb.co/cmUEwa/0011.png
https://image.ibb.co/fc1ipv/0012.png
https://image.ibb.co/n5KshF/0013.png
https://image.ibb.co/nreEwa/0014.png
https://image.ibb.co/j9OJNF/0015.png
https://image.ibb.co/jRNpUv/0016.png
https://image.ibb.co/ms1ipv/0017.png
https://image.ibb.co/dexOpv/0018.png
https://image.ibb.co/eL2ChF/0019.png
https://image.ibb.co/iToPwa/0020.png
https://image.ibb.co/dCDDpv/0021.png
https://image.ibb.co/iUMzUv/0022.png
https://image.ibb.co/hxXjwa/0023.png
https://image.ibb.co/kKv4wa/0024.png
https://image.ibb.co/jKVF2F/0025.png
https://image.ibb.co/eoU8NF/0026.png
https://image.ibb.co/hAx69v/0027.png
https://image.ibb.co/iaea2F/0028.png
https://image.ibb.co/bJ6zUv/0029.png
https://image.ibb.co/dzBoNF/0030.png
https://image.ibb.co/edXv2F/0031.png
https://image.ibb.co/b6kF2F/0032.png
https://image.ibb.co/h9BoNF/0033.png
https://image.ibb.co/hA2jwa/0034.png
https://image.ibb.co/kPh69v/0035.png
https://image.ibb.co/gHZa2F/0036.png
https://image.ibb.co/iGcv2F/0037.png
https://image.ibb.co/gMQ4wa/0038.png
https://image.ibb.co/gETPwa/0039.png
https://image.ibb.co/h9FR9v/0040.png
https://image.ibb.co/gQatpv/0041.png
https://image.ibb.co/bAmzUv/0042.png
https://image.ibb.co/hi6zUv/0043.png
https://image.ibb.co/j3mcGa/0044.png
https://image.ibb.co/c0vF2F/0045.png
https://image.ibb.co/kVx69v/0046.png
https://image.ibb.co/eVgNhF/0047.png
https://image.ibb.co/nyzWba/0048.png`.split('\n')
		},
		e: {
			"id":...