Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • dageraad Friend
    #207590

    Hi,

    Is it possible to make the slideshow (joomlart advanced custom module) play automaticly? without having to click the navigation

    Css Magician Friend
    #574794

    @dageraad,
    Yes, you can try with my tweak as below:
    Open file templates/ja_directory/acm/slideshow/tmpl/style-owl.php and replace


    <script>
    (function($){
    jQuery(document).ready(function($) {
    $("#acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
    items: 1,
    nav : true,
    merge: false,
    mergeFit: true,
    slideBy: 1
    });
    });
    })(jQuery);
    </script>

    width


    <script>
    (function($){
    jQuery(document).ready(function($) {
    $("#acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
    items: 1,
    nav : false,
    merge: false,
    mergeFit: true,
    slideBy: 1,
    autoplay: true
    });
    });
    })(jQuery);
    </script>

    palos Friend
    #879928

    🙁
    this line is already written:
    autoplay: true

    but nothing happens.
    pavit has a working solution but navigation is broken…
    https://www.joomlart.com/forums/topic/make-slideshow-start-automatically/#post-879915

    palos Friend
    #879929

    🙁
    this line is already written:
    autoplay: true

    but nothing happens.
    pavit has a working solution but navigation is broken…
    https://www.joomlart.com/forums/topic/make-slideshow-start-automatically/#post-879915

    Ninja Lead Moderator
    #880581

    @palosutca: Try to use my solution below

    • Open templates/ja_directory/acm/slideshow/tmpl/style-owl.php file

    find and change

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

    to

    (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);
Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 4 replies, has 4 voices, and was last updated by  Ninja Lead 8 years, 9 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum