Search…

X3 Photo Gallery Support Forums

Search…
 
metallissimus
Experienced
Topic Author
Posts: 53
Joined: 17 Oct 2019, 06:54

Transition time of carousel

20 Mar 2020, 05:10

Hello,

is it possible to set a transition time for the carousel plugin? I'd like to slow it down a litte.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 12195
Joined: 30 Sep 2006, 03:37

Re: Transition time of carousel

20 Mar 2020, 05:54

You mean the GALLERY carousel plugin? In gallery carousel layout settings, you already have "Autoplay interval". If you mean the carousel plugin for custom CONTENT, you have the data-carousel-autoplay=3000 attribute.
 
metallissimus
Experienced
Topic Author
Posts: 53
Joined: 17 Oct 2019, 06:54

Re: Transition time of carousel

20 Mar 2020, 06:10

I am referring to the carousel plugin for content, but I don't mean the interval between elements, I mean the actual duration of the transition.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 12195
Joined: 30 Sep 2006, 03:37

Re: Transition time of carousel

20 Mar 2020, 22:50

There is no "option" for this in the content carousel plugin, as it uses CSS transitions. You can however override the CSS transition by doing the following: Add a custom class to the carousel container, for example class="mycarousel":
Code
<div data-carousel data-carousel-items=3 data-carousel-loop=true data-carousel-dots=true data-carousel-autoplay=3000 data-carousel-responsive=true data-carousel-shuffle=false class="mycarousel">
Add the following to Settings > Custom > Custom CSS:
Code
.mycarousel .owl-stage {
    transition: all 2s !important;
}
In the above, duration is set to two seconds. You can change it to whatever you like, including decimals, for example 2.5s or 0.2s.
 
metallissimus
Experienced
Topic Author
Posts: 53
Joined: 17 Oct 2019, 06:54

Re: Transition time of carousel

24 Mar 2020, 11:31

Thank you!