Problem with changing slideshow transition speed

witt-sensoric

Hi there,
I am trying to change the transition speed of the homepage slideshow of the JA company template. I'd like the transition to be slower/smoother. After reading through other threads here I have changed a few things. Now the transition is slower but for some reason the animation of the text starts twice and for the life of me I can't figure out what's causing it. I've played around with the different transition delays and durations but so far no luck.

The changes I have made:
1) the auto-play speed inside ja_company/acm/slideshow/tmpl/style-1.php to 4000ms
2) the speed variable inside ja_company/js/swiper/swiper.min.js from 300 to 1200
3) at the bottom of my custom.css a few changes regarding width of the images

Does anyone have an idea what the problem might be or know of other ways to adjust the speed?

Regards

Ninja

witt-sensoric
Hi
Try my suggestion given in this thread for same topic : https://www.joomlart.com/forums/d/6077-slow-down-slideshow

witt-sensoric

Hi pankaj,
As I mentioned earlier I have already adjusted the auto-play speed. The problem I have is the transition/animation speed of the text on each slider. The text appears twice. Please have a look at my website (test.witt-sensoric.de) and the changes I have made so far, mentioned in my previous post.
Thank you for your support

Ninja

witt-sensoric
Hi
Kindly revert your custom changes and apply the changes that are given in the suggestion thread for autoplay.

witt-sensoric

Hi pankaj,
I changed the speed variable back to default. The autoplay speed (as mentioned in your suggested thread) at 4000ms works fine. But now again, the transition speed (how quickly the text translates from A to B and how quickly the thumbnails/cards move from right to left) is too high. That's why I adjusted the speed variable in the swiper.min.js file earlier, which gave me a nice transition speed but led to the issue with the animation. Do you have any other ideas how I can achieve a slower and smoother transition?

Ninja

witt-sensoric
Hi
Do you want to change the speed of the text over the slideshow items?

witt-sensoric

Hi Pankaj,
Yes that's correct. Basically I want the overall animation from one slide to another to happen more slowly/smoother. Apparently the autoplay variable only changes for how long you have to wait for the next slide to come in.

Ninja

witt-sensoric
Hi
The animation delay is from css
Path : /templates/ja_company/local/acm/slideshow/css/themes/witt_theme/style.css

.slideshow .ja-animation[data-delay-transtion="2"] {
    -webkit-transition-delay: 350ms !important;
    transition-delay: 350ms !important;
}

witt-sensoric

Hi Pankaj,
Great, that helps. In the file you mentioned, at line 199-206...

.slideshow .slider-content-inner[data-type-animation="left-right"] .ja-animation {
  transform: translateX(20%);
  -webkit-transform: translateX(20%);
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 1200ms;
  -o-transition: all 1200ms;
  transition: all 1200ms;
}

...I changed the transition value from 1200ms to 2000ms - the text moves more smoothly now. I think that's all I need for now.

One more question: Will the style-1.php file (where I changed the autoplay speed) be affected by any future updates? Thanks a lot again for your support!

Regards

Ninja

witt-sensoric
Hi
Place the override file in /local/acm/
with same path to make an override.

witt-sensoric

Hi Pankaj,
Thank you, it works

Regards