search

metafizzy / flickity-fullscreen

Enable fullscreen view for Flickity carousels
46 stars 17 forks source link

Fullscreen translation #22

Open electroheadfx opened 6 years ago

electroheadfx commented 6 years ago

I can change the translation at flickity creation ? e.g. Fullscreen = "Plein écran" in french. Thanks

desandro commented 6 years ago

You can set custom fullscreen button title with JS. See demo https://codepen.io/desandro/pen/rZJKXb

// external js: flickity.pkgd.js, fullscreen.js

var flkty = new Flickity( '.carousel', {
  fullscreen: true,
});

var viewFullElement = flkty.viewFullscreenButton.element;
var exitFullElement = flkty.exitFullscreenButton.element;

var viewTitle = 'LET ME SEE FULLSCREEN';
var exitTitle = 'EXIT THIS FULLSCREEN';
viewFullElement.title = viewTitle;
exitFullElement.title = exitTitle;
viewFullElement.setAttribute( 'aria-label', viewTitle );
exitFullElement.setAttribute( 'aria-label', exitTitle );