2020-11-28 14:21:17 +03:00

38 lines
1.6 KiB
PHP

<div class="quest-slider">
<div id="carouselExampleControls" class="carousel slide" data-ride="">
<div class="quest-slider-overlay"></div>
<div class="carousel-inner">
<!-- Вывод изображений в слайдер -->
<?php
if ( get_post_meta( get_the_ID(), 'quest_slider_imgs', false ) ){ //images название вашего произвольного поля
$image_array = get_post_meta( get_the_ID(), 'quest_slider_imgs', false ); //images название вашего произвольного поля
}
if ( $image_array ) {
foreach ( $image_array as $image ) {
$thumbimg = wp_get_attachment_image( $image['ID'], 'thumbnail');
$fullimg = pods_image_url( $image['ID'], 'large');
echo '<div class="carousel-item" style="height: 600px; background: url(' . $fullimg .') center top / cover no-repeat">
</div>';
}
}
?>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<div class="quest-slider-header">
<h1><?php the_title();?></h1>
</div>
</div>
</div>
<script>
document.querySelector('.carousel-item').classList.add('active');
</script>