Hello,
I've tried to follow these instructions, and post a reply to this earlier forum request
https://www.joomlart.com/forums/d/18718-a-acm-slideshow-auto-slide
using your instructions there and the users additions he mentioned working using the Git instructions for owl.carousel.js
https://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html
to adjust the playback time: 5secs and auto-play. Here is my code changes to enable Auto-Slidehow playback.
<?php
/**
------------------------------------------------------------------------
JA Elicyon Template
------------------------------------------------------------------------
Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
@license - Copyrighted Commercial Software
Author: J.O.O.M Solutions Co., Ltd
Websites: http://www.joomlart.com - http://www.joomlancers.com
This file may not be redistributed in whole or significant part.
------------------------------------------------------------------------
/
defined('_JEXEC') or die;
?>
<?php
$count = $helper->getRows('data.title');
?>
<div class="acm-slideshow acm-owl">
<div id="acm-slideshow-<?php echo $module->id; ?>" <?php if($count >=10) echo 'class="so-much"'; ?>>
<div class="owl-carousel owl-theme">
<?php
for ($i=0; $i<$count; $i++) :
?>
<div class="item">
<?php if($helper->get('data.image', $i)): ?>
<img class="img-bg" src="<?php echo $helper->get('data.image', $i); ?>" />
<?php endif; ?>
<div class="slider-content container">
<div class="slider-content-inner">
<?php if($helper->get('data.title', $i)): ?>
<h1 class="item-title">
<?php if($helper->get('data.slideshow-link', $i)): ?>
<a href="<?php echo $helper->get('data.slideshow-link', $i); ?>" title="<?php echo $helper->get('data.title', $i) ?>">
<?php endif; ?>
<?php echo $helper->get('data.title', $i) ?>
<?php if($helper->get('data.slideshow-link', $i)): ?>
</a>
<?php endif; ?>
</h1>
<?php endif; ?>
</div>
</div>
</div>
<?php endfor ;?>
</div>
</div>
</div>
<script>
(function($) {
jQuery(document).ready(function($) {
$("#acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
items: 1,
loop: true,
autoPlay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
singleItem: true,
itemsScaleUp: true,
navigation: false,
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
});
});
})(jQuery);
</script>
Thanks for the help! Brian