Joomla Templates Club 406,261 posts

[kirchhof Friend kirchhofJoin date: January 2014Posts: 12Downloads:43Uploads:10 Thanks: 3]

#1091145

Hello,

I create a page with the template Ja Healthcare. On the start page I created a slideshow (style-owl) with the Advanced Custom Module. Now I want the pictures to change automatically. What attitude do I have to make this.

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

#1091368

Hi,

You can open the file: root/templates/ja_healthcare/acm/slideshow/tmpl/style-owl.php

Look at the script at the end of file, add autoPlay: true param like this: http://prntscr.com/id6cig

Regards

[kirchhof Friend kirchhofJoin date: January 2014Posts: 12Downloads:43Uploads:10 Thanks: 3]

#1091386

This reply has been marked as private.

[amorino Friend amorinoJoin date: May 2007Posts: 19Downloads:30Uploads:1 Thanked: 1 times in 1 posts]

#1092442

Hello
I found it on autoPlay: true but it is not auto playing
Also please how to add arrows (right and left)

1 user says Thank You to amorino for this useful post

1. kirchhof

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

#1092876

Hi,

I updated the script to:

jQuery(document).ready(function($) {
    $("#acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
      addClassActive: true,
      items: 1,
      loop: true,
      dots: true,
      dotsEach: true,
      merge: false,
      mergeFit: true,
      nav: true,
      navText:["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
      slideBy: 1,
      autoplay: 1000
    });

in which, I change to ‘autoplay: 1000’ and it’s sliding automatically.

To enable the navigation (arrows), just set the parameter: ‘nav:true’

But you will need to customize the CSS to style for these arrows.

1 user says Thank You to Saguaros for this useful post

1. kirchhof

[Author]

Posts