Askarchik
@Askarchik
Занимаюсь веб программированием .

Bootstrap slaider через Carbon-fields в вордпрессе?

<?php
         $slides = carbon_get_the_post_meta( 'crb_slides' );    
        ?> 
<div class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
  </ol>   
    
  <div class="carousel-inner" role="listbox"> 
       <?php
$slides = carbon_get_the_post_meta( 'crb_slides' );
foreach ( $slides as $slide ) {
    echo '<div class="carousel-item '.($slides[0] == $slide ? "active" :' ').'" >';
    echo '<img src='.wp_get_attachment_image_url( $slide['crb_image'] ,'full') .'>';
    echo '</div>';
}
?>      
  </div>
  
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="icon-prev" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="icon-next" aria-hidden="true"></span>
    <span class="sr-only">-->Next</span>
  </a>
</div>

5bca297fc4a9e322833457.jpeg
Как видно из фотографии появляются 2 класса слайдер active.
  • Вопрос задан
  • 26 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 05:01
999999 руб./за проект
19 апр. 2024, в 03:52
1000 руб./за проект
19 апр. 2024, в 03:01
1000 руб./за проект