Disabling 'Slide Transition' on Course Presentation

Hey everyone,

 

Is there a way to disable the animation of slide transitions from one slide to another on the course presentation? 

Content types: 
BV52's picture

Hi tansohal,

I'm afraid this is not possible not without making changes to the code.

=BV

Please I'd love a lesson to do this, I just want it done lol! Has anyone done this before?

otacke's picture

Hi tansohal!

This can be done by overriding the `h5p-animate` class for the slides if you don't want to patch the original code, but this will affect all course presentation contents on the platform that you're running H5P on.

It would be very simple to add a "non slide" effect option to Course Presentation that allows to change the transition behavior. However, given that I have many pull requests pending that the H5P core team cannot handle, becaue they still don't have enough resources, I refrain a little form investing the time for a coding the feature that may be on a to-do pile for ages.

Best,
Oliver

Hey!

Thanks for the suggestion, if I were to add an override CSS to my moodle website, what roughly would the could entail? I just want to remove the slide transition anitmation in whatever way possible. H5P has been a lovely discovery, and I'm trying to create a really great interactive expierence however, I'd love for someone to show me excatly how to remove the animation etc. 

Hey not sure if my earlier mesage went through:

Could you let me know what to do with the actual code of:

.h5p-course-presentation .h5p-slide.h5p-animate { display: block; -webkit-transition: -webkit-transform 0.25s ease-in-out; -moz-transition: -moz-transform 0.25s ease-in-out; -ms-transition: -ms-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; }
otacke's picture

I am terribly sorry, but I can only show you the way. I don't have the free time to show everyone how to solve their problems.

Can anyone spare some time to write out exactly how to do this? I'm willing to compensate for your time, I'm really deseperate to get this slide animation removed. 

Thanks,

Tan S.

Try publishing your content as html. Open the html page in a text editor and replace ".25s" with "0s" - then save as html. This will remove the transition from your published content.

Try this - publish your content as html. Open the html page in a text editor and replace ".25s" with "0s" - then save as html. This will remove the transition from your published content.

Hi,
did you succeed in removing the slide transition?
I want to do exactly the same thing.
It is a very easy way to simulate something.
For example 
On slide 1 put a red circle
On slide 2 put a green circle
On slide 1 put a goto slide 2 field above the circle 
On slide 2 put a goto slide 1 field above the circle.
Now you can toggle between red en green 
Only the slide in ruins the effect.