Joomla Templates Club 406,261 posts

[aijosh Friend aijoshJoin date: February 2014Posts: 130Downloads:182Uploads:24 Thanks: 7 Thanked: 2 times in 1 posts]

#851729

How do I get the JoomlArt Advanced Custom Module to auto slide the slideshow with a set delay and fade effects

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

#852167

Hi

Try the suggestion in this topic: https://www.joomlart.com/forums/topic/make-slideshow-start-automatically/

[aijosh Friend aijoshJoin date: February 2014Posts: 130Downloads:182Uploads:24 Thanks: 7 Thanked: 2 times in 1 posts]

#852454

Ok. That solved it. Thanks
But
.1 Why isn’t the option included in the GUI of module?
.2 How do I change the transition to fade?

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

#852884

Actually, it’s just a custom HTML module with slideshow type supported in advanced so we don’t want to make it complicated.

Anyway, you can add the ‘fade’ effect by going to JS file: ROOT/templates/ja_charity/acm/slideshow/js/script.js

and add the transition param as below:

(function($){
    jQuery(document).ready(function($) {
        $(".owl-carousel").owlCarousel({
            slideSpeed : 300,
            paginationSpeed : 400,
            singleItem:true,
            pagination:true,
            navigation : true,
        autoPlay: true,
        transitionStyle: "fade",
        });
    });
})(jQuery);

[aijosh Friend aijoshJoin date: February 2014Posts: 130Downloads:182Uploads:24 Thanks: 7 Thanked: 2 times in 1 posts]

#862490

Ok.
Thanks.
Saved me a lot of time.

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

#863063

Glad to hear it helped!!!

[Author]

Posts