wordpress - 动态引导 4 图像轮播不工作
问题描述
bootstrap 4
carousel
我的静态网站上有一个工作图像。
但是当我想要为我的WordPress
主题动态地使用它时,图像没有显示。但是,在源代码中,图像显示得非常好。
这是图像轮播中的代码片段:
<div id="slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<?php $args = array('cat' => 2,'post_per_page' => 4);
$slider = new WP_Query($args);
if( $slider -> have_posts() ) :
/* start the loop */
while ($slider -> have_posts() ) : $slider -> the_post();
$thumb_id = get_post_thumbnail_id();
$thumb_url = wp_get_attachment_image_src($thumb_id,'full',true); ?>
<div class="carousel-item <?php if($i === 0): ?>active<?php endif; ?>">
<?php if ($thumb_url !== false) : ?>
<img class="d-block img-fluid" src="<?= $thumb_url[0] ?>" width="<?= $thumb_url[1] ?>" height="<?= $thumb_url[2] ?>" />
<?php endif; ?>
</div>
<?php endwhile; /* end of the loop */
wp_reset_postdata();
endif;
?>
</div>
<!-- Prev,Next Btn -->
<a href="#slider" class="carousel-control-prev" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a href="#slider" class="carousel-control-next" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
解决方案
推荐阅读
- gitlab - Gitlab CI:是否可以从以前的作业中访问将它们存储在同一路径中的工件?
- flutter - 代码管理和调用服务器颤动
- blockchain - 区块链分布式数据库
- node.js - 如何使用单个 knex 连接处理具有多个模式的(oracle)数据库连接?
- c++ - 如何在 CImg 库中使用 label() 功能
- c - 在执行 scanf 之前如何刷新 printf?
- python - 打印连接在计算机上的 USB 设备的 USB 字母和 USB 名称的 python 脚本
- c# - 计算有多少额外的增量
- r - APIM:参与者-合作伙伴相互依赖模型
- amazon-web-services - 如何在 AWS 上创建客户管理的客户主密钥 (CMK)