lightbox switching (modal cards) fix

This commit is contained in:
Bachir Soussi Chiadmi 2022-09-19 16:20:38 +02:00
parent 9f20d34f42
commit 306c0d3f94
7 changed files with 16 additions and 8 deletions

File diff suppressed because one or more lines are too long

View File

@ -275,7 +275,7 @@
<img <img
class="blank" class="blank"
:src="blanksrc" :src="blanksrc"
@click="setcoolLightBoxIndex(index)" @click="setLightBox(index)"
> >
</figure> </figure>
</section> </section>
@ -589,6 +589,10 @@ export default {
console.log('item', item) console.log('item', item)
item.classList.remove('tapped') item.classList.remove('tapped')
}) })
},
setLightBox(index){
this.setcoolLightBoxItems(this.material.images)
this.setcoolLightBoxIndex(index)
} }
} }
} }

View File

@ -31,7 +31,7 @@
:src="image_accroche.url" :src="image_accroche.url"
:alt="image_accroche.alt" :alt="image_accroche.alt"
:title="image_accroche.title" :title="image_accroche.title"
@click="setcoolLightBoxIndex(0)" @click="setLightBox(0)"
/> />
</figure> </figure>
</section> </section>
@ -68,7 +68,7 @@
v-for="(image, imageIndex) in lightbox_items" v-for="(image, imageIndex) in lightbox_items"
v-if="imageIndex > 0" v-if="imageIndex > 0"
:key="imageIndex" :key="imageIndex"
@click="setcoolLightBoxIndex(imageIndex)" @click="setLightBox(imageIndex)"
:style="{ backgroundImage: 'url(' + image.thumb + ')' }" :style="{ backgroundImage: 'url(' + image.thumb + ')' }"
></div> ></div>
</div> </div>
@ -291,6 +291,10 @@ export default {
name:`article`, name:`article`,
params: { alias:alias, id: pn.nid } params: { alias:alias, id: pn.nid }
}) })
},
setLightBox(index){
this.setcoolLightBoxItems(this.lightbox_items)
this.setcoolLightBoxIndex(index)
} }
}, },
components: { components: {