Krx There are already several transition options, hidden away in the Javascript popup
config.
https://www.files.gallery/docs/javascript-config/
For example:
_c.config = {
// popup options
popup: {
transition: 'fade', // slideshow transition: none, slide, glide, fade, zoom, pop, elastic
play_transition: null, // assign transition for slideshow (same as above). Inherits main transition by default
},
}
You can also assign a custom transition:
_c.config = {
// popup options
popup: {
transition: 'mytransition', // slideshow transition: none, slide, glide, fade, zoom, pop, elastic
play_transition: null, // assign transition for slideshow (same as above). Inherits main transition by default
transitions: { // custom transitions Object
mytransition: function(dir) {
return {
translateX: [10 * dir, 0],
opacity: [.1, 1],
duration: 1000,
easing: 'easeOutQuart'
}
},
},
},
}