search

RobinCK / vue-gallery

:camera: Responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. 🇺🇦
https://robinck.github.io/vue-gallery/
MIT License
470 stars 85 forks source link

vue-gallery & fullpage.js #21

Closed DigitalWheelie closed 6 years ago

DigitalWheelie commented 6 years ago

Hi,

I'm trying to get vue-gallery to work with fullpage.js and I'm having trouble.

Specifically, when I have a gallery on a page that can scroll horizontally, the "slides" div width is the width of all "slides", not just the one on-screen. So if my browser width is 1500px, I have three horizontal screens, then the "slides" width is 4500px instead of 1500px and images are in the center of the three slides.

I tried to create a galleryWrapper div with width: 100vw but that's not working.

Any suggestions? Many thanks!

--Ted

RobinCK commented 6 years ago

Hi @DigitalWheelie Please create an example on jsfiddle.net

DigitalWheelie commented 6 years ago

I think this shows what's happening: https://jsfiddle.net/DigitalWheelie/1uof4n7m/29/

When you navigate to "slide 2" (swipe/scroll down) and click on a thumbnail, the enlargement loads in the center of the horizontal block of three slides, not the single slide/screen.

RobinCK commented 6 years ago

@DigitalWheelie https://jsfiddle.net/Robin_ck/fp4dqhf2/ I hope I helped you

DigitalWheelie commented 6 years ago

YES! YES! Thank you! :D