Я создал ползунок совы, но не могу включить его автоматически. Может ли кто-нибудь помочь мне в этом? - PullRequest
Новая
       87

Я создал ползунок совы, но не могу включить его автоматически. Может ли кто-нибудь помочь мне в этом?

0 голосов
/ 06 мая 2020

Я перепробовал все свойства автовоспроизведения совы-карусели и, похоже, не работает. Вот код ниже: 

 <HTML>
    <body>
//Starting of the slider
    <div class="journeywrapper">
    <div class="container-fluid">
    <div class="our-journey-slider-wrap" >
    <div class="row">
    <div class="col-md-12 " >
    <div class="our-journey-slider owl-carousel" id="index_slider">`
//To get data from custom post
    <?php $args= array('post_type' => 'marg_gears',              
    'orderby' => 'date',
    'order'   => 'ASC',);
    $myposts = get_posts($args);
    $j = 0;
    foreach ( $myposts as $post ){
    $j++;
    setup_postdata( $post );
    if($j == 0){
    $headerColorClass = 'boxjourney bk2';
    }else{
    $headerColorClass = 'boxjourney bk1';
    }
    ?>

//Implementing PHP code into html.
    <div class="our-journey-slider-box unlockicon"> 
    <div class="top">
    <div class="<?= $headerColorClass ?>">
    <div>
    <b><?php echo get_field('year'); ?></b> 
    </div>
    </div>
    </div>
    <div class="bottom">
    <span><?php echo get_field('content'); ?></span>
    </div>
    </div>
    <div class="our-journey-slider-box_2 unlockicon">
    <div class="top ">
    <span><?php echo get_field('content-1'); ?></span>
    </div>
    <div class="bottom">
    <div class=" boxjourney bk2">
    <div>
    <b><?php echo get_field('year-1'); ?></b>
    </div>
    </div>
    </div>
    </div>
//Ending loop
    <?php
    }
    wp_reset_postdata();
    wp_reset_query();
    ?>
//Ending containers
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

// Конец ползунка

/ / Jquery of owl-carousel 

<script type="text/javascript">
$(document).ready(function() {
var owl = $("#index_slider");
owl.owlCarousel({
loop:true,
autoplay:true,
autoplaySpeed:1000,
autoplayTimeout:1000,
autoplayHoverPause:true
});
});
</script>
</body>
</HTML>

Я перепробовал все свойства owl-carousel, даже попытался изменить слайдер. Я перепробовал все свойства документации совы карусели. как только он сработал, но весь контейнер скользит, но его можно прокручивать в контейнере, и после этого остается пустое пространство.

...