How to have different plugins for carousel view and Fullscreen view?

[DominiqueVial]

Here is my need :

• a carousel with toolbar but arrows
• toolbar with only FullScreen icon
• a thumbnail

Then when user click on Fullscreen icon, display arrows and additional commands on toolbar.

Is it possible?

[DominiqueVial]

Here is some screenshots...

Carousel + Thumbnail + no Arrows + Minimal Toolvbar

And on fullscreen: Arrows + Extensive Toolbar

[fancyapps]

Hi,

I think it would be more logical to open the image in Fancybox, and this is how you can start it in full screen mode:

Fancybox.bind("[data-fancybox]", {
  Carousel: {
    Fullscreen: {
      autoStart: true,
    },
  },
})

https://output.jsbin.com/fopokiguro/

You should note that, for example, Fullscreen mode is not available on the iPhone at all.

[DominiqueVial]

Yes, this is a best way. I’ll give a try to it.
Does Fancybox provide a way to display an icon to indicate it’s presence? I mean that currently I have to add some text — i.e. touch the picture to go fullscreen — for user to prevent these features exists.

[fancyapps]

Sorry, but I do not understand - where do you want to display an icon? You could, for example, change cursor to zoom-in or display zoom icon when slide is hovered - https://jsbin.com/getaludemo/edit?html,output

[DominiqueVial]

On desktop computer or laptop hovering exists but on tablet or smartphone. In my idea displaying an icon as the "fullscreen" button on top right should be ok.

[fancyapps]

You can use CSS media queries to check support - @media (hover: hover) { .... } - and then just display your icon if not supported.