スライドショーをランダムに

This commit is contained in:
syuilo 2017-11-09 13:33:41 +09:00
parent f7408f4e82
commit 173ee4bb0e

View file

@ -100,14 +100,12 @@
this.change = () => { this.change = () => {
if (this.images.length == 0) return; if (this.images.length == 0) return;
if (this.index >= this.images.length) this.index = 0;
const img = `url(${ this.images[this.index].url }?thumbnail&size=1024)`; const index = Math.floor(Math.random() * this.images.length);
const img = `url(${ this.images[index].url }?thumbnail&size=1024)`;
this.refs.slideB.style.backgroundImage = img; this.refs.slideB.style.backgroundImage = img;
this.index++;
anime({ anime({
targets: this.refs.slideB, targets: this.refs.slideB,
opacity: 1, opacity: 1,
@ -136,8 +134,7 @@
}).then(images => { }).then(images => {
this.update({ this.update({
fetching: false, fetching: false,
images: images, images: images
index: 0
}); });
this.refs.slideA.style.backgroundImage = ''; this.refs.slideA.style.backgroundImage = '';
this.refs.slideB.style.backgroundImage = ''; this.refs.slideB.style.backgroundImage = '';