Animation Transition on MMM-Slideshow

sdetweil

this showed up in my news feed

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions

Ouaoua

@sdetweil Thanks a lot for your help!!! <3

Ouaoua

@sdetweil Ok So I wrote the code in the custom.css file as you said but in the website you sent me it is written that I need to add a line in the js file of the module too.

The line:

<h1 class="fade-in">Fade Me Down Scotty</h1>

Obviously I need to change “Fade Me Down Scotty”

I tried to add it myself but can’t make it work as I don’t know where to put this in the js file of the module.

Could you help me one last time?

Thanks a lot :D

sdetweil

@Ouaoua

so the css starts

.MMM-SlideShow .fade-in {
… whatever
}

now you need to replace fade-in w the class u find on the image already created by the module

if no unique cllass, the u can select the image tag element

.MMM-SlideShow img {
…whatever
}

sdetweil

also make sure to increase the slide interval config, as the module will not know about the longer fade time