Transition effects for Tile Gallery?

Permalink Browser Info Environment

I would like to know if there are any options for transition effects like fading that could be hardcoded in a custom template for the Tile Gallery of GalleryES?

Thank you,

Type: Discussion
Status: Resolved
View Replies:
emirii replied on at Permalink Reply
Hello, If you mean the lightbox transition between images, you can use CSS transitions. Below is an example I found for a simple fade-in (I haven't tested this specific, but I've made similar in the past) if you are familiar with CSS it should be pretty simple to implement on your theme CSS to override mine.

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}

But if you want other jQuery effects or transitions on the thumbnails/how they load/etc you can always download whatever plugin you want and implement per the instructions, just use selector ".galleryES img" and it should be good to go!

concrete5 Environment Information


Browser User-Agent String

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:37.0) Gecko/20100101 Firefox/37.0

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.