不要在旋转木马上使用其他图像进行自动播放

时间:2017-05-27 05:34:43

标签: php owl-carousel opencart2.3

在opencart 2.3.0.2中有图像和其他图像 我为图像改变旋转木马,想要自己制作图片和附加,然后制作这个

<?php if ($thumb || $images) { ?>
<div class="thumbnails">
    <div class="image">
        <?php if ($thumb) { ?>
            <div class="item">
                <a class="thumbnail" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
            </div>
        <?php } ?>


        <?php if ($images) { ?>

            <?php foreach ($images as $image) { ?>
                <div class="item">

                    <a class="thumbnail" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>"> <img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
                </div>

            <?php } ?>

        <?php } ?>

    </div>
</div>

和这个

$('.image').owlCarousel({

    items: 1,       
    navigation: true,
    pagination: true,
    autoplay: 1000,
    itemsDesktop : [1199,1],
    itemsDesktopSmall : [991,1],
    itemsTablet : [650,1],
    itemsMobile : [479,1]


});

产品的所有产品都在旋转木马上,但我想制作自动启动,而他不工作。这有什么不对?

1 个答案:

答案 0 :(得分:0)

你可以试试这个。

autoplay:true, 
autoplayTimeout:1000,

添加这两行。而不是autoplay: 1000,

$('.image').owlCarousel({
    items: 1,       
    navigation: true,
    pagination: true,
    autoplay:true,  //Add This Line
    autoplayTimeout:1000, //Add This Line
    //autoplay: 1000, //Remove This Line
    itemsDesktop : [1199,1],
    itemsDesktopSmall : [991,1],
    itemsTablet : [650,1],
    itemsMobile : [479,1]
});