Fix slider component as well to use local images
This commit is contained in:
parent
c7fa6c8b5b
commit
139568f85e
@ -1,15 +1,15 @@
|
||||
<template>
|
||||
<div @keydown="closeModal">
|
||||
<isotope ref="cpt" :options="isotopeOptions" v-images-loaded:on.progress="layout" :list="photos">
|
||||
<div v-for="(photo, index) in photos" :key="photo.url">
|
||||
<img :src="photo.url" v-on:click="openModal(index)"/>
|
||||
<div v-for="(photo, index) in photosURLOrLocal" :key="photo">
|
||||
<img :src="photo" v-on:click="openModal(index)"/>
|
||||
</div>
|
||||
</isotope>
|
||||
|
||||
<div class="modal" ref="modal" :aria-label="$t('slider.Fullscreen_photo')" role="dialog">
|
||||
<span class="close"><button v-on:click="closeModal" :title="$t('common.Close')" :aria-label="$t('common.Close')">×</button></span>
|
||||
|
||||
<img class="modal-content" :src="photos[modalImgIndex].url">
|
||||
<img class="modal-content" :src="photosURLOrLocal[modalImgIndex]">
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -27,6 +27,17 @@ export default {
|
||||
isotope
|
||||
},
|
||||
|
||||
computed: {
|
||||
photosURLOrLocal() {
|
||||
return this.photos.map(photo => {
|
||||
if (photo.local) {
|
||||
return `/data/img/${photo.local}`;
|
||||
}
|
||||
return photo.url;
|
||||
});
|
||||
},
|
||||
},
|
||||
|
||||
created () {
|
||||
window.addEventListener('keydown', event => {
|
||||
if (!this.isModalOpen) {
|
||||
|
Loading…
Reference in New Issue
Block a user