Joomla Templates Club 406,261 posts

[lmendoza Friend lmendozaJoin date: August 2007Posts: 9Downloads:27Uploads:1 Thanks: 4]

#1065036

I’ve been wanting to set the JA Directory ACM slideshow to autoplay. I finally found this code (below) which is applied to this file: templates/ja_directory/acm/slideshow/tmpl/style-owl.php

It works, but I wanted to know if there is a way to add other effects (other than slide), like "fade." I would appreciate some guidance on this.

    (function($){
      jQuery(document).ready(function($) {
        $("#acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
          items: 1,
          nav : true,
          merge: false,
          mergeFit: true,
          margin:10,
          autoplay:true,
          loop:true,
          autoplay:true,
          autoplayTimeout:1000,
          autoplayHoverPause:true,
          autoplaySpeed:5000,
          slideBy: 1
        });
      });
    })(jQuery);

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1065273

Hi,

Try to use additional option for animate plugin of Owl Carousel:

animateIn: 'fadeIn',
animateOut: 'fadeOut'

https://owlcarousel2.github.io/OwlCarousel2/demos/animate.html

Remember to clear cache.

[lmendoza Friend lmendozaJoin date: August 2007Posts: 9Downloads:27Uploads:1 Thanks: 4]

#1065412

Thank you very much. I’ll follow your instructions and will report back…

[lmendoza Friend lmendozaJoin date: August 2007Posts: 9Downloads:27Uploads:1 Thanks: 4]

#1065583

Satuaros, thanks a lot! Now it works perfectly, exactly how I want it. I’m using this:

(function($){
      jQuery(document).ready(function($) {
        $("#acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
          items: 1,
          nav : true,
          merge: false,
          mergeFit: true,
          margin:0,
          autoplay:true,
          loop:true,
          autoplay:true,
          autoplayTimeout:5000,
          autoplayHoverPause:true,
          autoplaySpeed:6000,
          slideBy: 1,
          animateIn: 'fadeIn',
          animateOut: 'fadeOut'
        });
      });
    })(jQuery);

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1065595

Glad to hear it works!

1 user says Thank You to Saguaros for this useful post

1. lmendoza

[Author]

Posts