Joomla Templates Club 406,261 posts

[bencheng Friend benchengJoin date: November 2015Posts: 33Downloads:248Uploads:1 Thanks: 1]

#922111

Hi,
How can i make slideshow auto play.

Thank.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#922120

Hi

Go to this file /templates/ja_charity/acm/slideshow/js/script.js and change from autoPlay: false, to autoPlay: true,

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

Regards

[ellie Friend ellieJoin date: June 2016Posts: 20Downloads:71Uploads:2 Thanks: 1]

#939193

after changed autoplay to ture.
the way slider play image is strange…

http://aglowtaiwan.com/aglow/

can the direction be the same?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#939196

Hi

I cannot see autoplay enabled on your slideshow , if you enable it as i posted above it loads images and after loaded the last one it starts again from the first, direction is always the same, instruction i gaved doesn’t change it

[ellie Friend ellieJoin date: June 2016Posts: 20Downloads:71Uploads:2 Thanks: 1]

#939629

how can i change the slider height and display it with 100% width on mobile devices?

thanks a lot

[ellie Friend ellieJoin date: June 2016Posts: 20Downloads:71Uploads:2 Thanks: 1]

#939630

the direction is like…left to right, then right to left….

please check the site and you will see it.

thanks a lot

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#939639

the direction is like…left to right, then right to left….

You have 2 images as slideshow , it is the normal slideshow behaviour

Take a look at the demo site HERE and you will see the same too

[bencheng Friend benchengJoin date: November 2015Posts: 33Downloads:248Uploads:1 Thanks: 1]

#950782

Hi,

How can I make slideshow auto play for "JA Megastore" template.

Thank.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#950809

bencheng wrote:

How can I make slideshow auto play for "JA Megastore" template.

Hi

Open this file /templates/ja_megastore/acm/slideshow/tmpl/style-owl.php and change from :

<script>
(function($){
  jQuery(document).ready(function($) {
    $("#acm-slideshow-id; ?> .owl-carousel").owlCarousel({
      items: 1,
      singleItem : true,
      itemsScaleUp : true,
      navigation : true,
      navigationText : ["", ""],
      pagination: true,
      paginationNumbers : true,
      merge: false,
      mergeFit: true,
      slideBy: 1,
      autoPlay: false
    });
  });
})(jQuery);
</script>

To:

<script>
(function($){
  jQuery(document).ready(function($) {
    $("#acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
      items: 1,
      singleItem : true,
      itemsScaleUp : true,
      navigation : true,
      navigationText : ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
      pagination: true,
      paginationNumbers : true,
      merge: false,
      mergeFit: true,
      slideBy: 1,
      autoPlay: true
    });
  });
})(jQuery);
&lt;/script&gt;

---

Attachments:

1. 

[Author]

Posts