Slideshow loop in playstore not working

christofu

Hi,
I am having trouble looping my ACM slideshow in Playstore.
It doesnt loop despite adding the code
it also freezes at the second slide, regardless of how many slides I add.

here is my code from my override file templates/ja_playstore/local/acm/slideshow/tmpl/style-owl.php:
items: 1,
singleItem : true,
itemsScaleUp : true,
navigation : true,
navigationText : ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
loop: true,
pagination: true,
slideSpeed : 1000,
paginationSpeed : 1000,
merge: false,
mergeFit: true,
slideBy: 1,
transitionStyle: "fade",
autoPlay: 5000,

saguaros

christofu
Hi,

I changed it to:

items: 1,
      singleItem : true,
      itemsScaleUp : true,
      navigation : true,
      navigationText : ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
	  loop: true,
      pagination: true,
      merge: false,
      mergeFit: true,
      slideBy: 1,
      animateIn: 'fadeIn',
      animateOut: 'fadeOut',
      autoPlay: 3000

and it's working now.

christofu

thanks saguaros,

the fade transition feature doesnt appear to be working.

if I change it to transitionStyle: "fade" then it does fade but I run into the same problem as before - it freezes after the second slide.

In doing some reading it seems different versions of the owl carousel require the different fade techniques. Just wondering which version this would be?

thanks

saguaros

christofu
Hi,

Yes, the property: transitionStyle: "fade", didn't work and caused the issue so I removed it.

christofu

is there another way to make it fade?

teitbite

christofu Hi. I've just tried and because it was designed to rotate as in a carusel the fade option can't be added. I've tried to fade it all on change (when slides starts to rotate), but it left website with a black area for about 1s. I would advice to switch to a different slider module, not a carusel based one.