diff --git a/flatisfy/web/js_src/components/slider.vue b/flatisfy/web/js_src/components/slider.vue
index d5f476e..76fa6eb 100644
--- a/flatisfy/web/js_src/components/slider.vue
+++ b/flatisfy/web/js_src/components/slider.vue
@@ -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')">&times;</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) {