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

View File

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