Toggle functionality about vue-cool-lightbox HOT 11 CLOSED

So quick! Thank you :)

from vue-cool-lightbox.

Hi again :D

I don't understand what you want, could you give me an example?

from vue-cool-lightbox.

Sorry for being unclear :)

I would like to be able to toggle the functional elements inside the lightbox individually to better adapt the lightbox to my design and desired functionality. Just like the Fullscreen option that can already be toggled, and I just realized that I can already toggle the thumbnail option with :gallery="false". But it would be great if all elements could have this option, something to the effect of:

:play="false" (disable Play icon)
:close="false" (disable Close icon)
:toolbar="false" (disable entire toolbar)
:zoom="false" (disable zoom on click)

Only for the arrows this wouldn't make sense.

In my current case, I don't need the toolbar at all, it is sufficient for me to close the gallery with a click outside of the image. And I don't want users to be able to zoom when clicking on the image.

Hope this is more understandable. Thanks again for this great tool :)

from vue-cool-lightbox.

It's ok my friend!

Ok, I understand your point now.

Sure, I will be working on it :)

from vue-cool-lightbox.

Awesome, thanks a lot!

from vue-cool-lightbox.

Hi again, sorry, It has been a long time since this enhancement has been uploaded.

Now in version 2.4.0 you can hide all of the buttons from the toolbar with something like this:

<CoolLightBox 
      :items="items" 
      :index="index"
      :slideshow="false"
      :gallery="false"
      :showCloseButton="false"
      @close="index = null" 
/>

Slideshow will hide the play/pause button, gallery will hide the open gallery button and showCloseButton will hide close button.

from vue-cool-lightbox.

Amazing, thanks a lot!

from vue-cool-lightbox.

Sorry, I just realized that one of my requests isn't covered. One of the most important things for me is to be able to disable the zoom when clicking on the image. Did you decide against implementing this option?

from vue-cool-lightbox.

You are right, I forgot that request, I'm sorry, I will be working on it.

from vue-cool-lightbox.

Hi again, update your lightbox to 2.4.1, there's a prop called disableZoom, that will disable zoom on all images.

from vue-cool-lightbox.

Hi it's awesome i was looking for this too. Can you add this new props to your doc? Maybe someone is looking for it.

from vue-cool-lightbox.