Slick Slider 在自定义 Post 类型 Wordpress 中显示不需要的图像

Question

嗨，我在 Slick Slider 中苦苦挣扎。我给出了以下代码，我得到了一些不同的图像 src 以及我想要的图像 src

这是我的页面-aboutus.php

<div class = "aboutus-ourworks" id = "wrapper">
<?php 
    $loop = new WP_Query( 
    array( 'post_type' => 'latest_work_feature', 'order' => 'ASC'));
            while( $loop->have_posts() ) :$loop->the_post(); 
                if ( have_posts() ):
                    $imagess = get_field('latest_work_image');
                    $title = the_title();
                    ?>

                <?php foreach ($imagess as $image1) : ?>

                    <img src = "<?php echo $image1; ?>" alt="">

                <?php endforeach; ?>
                <?php endif; ?>
            <?php endwhile; ?>

这是我的script.js

    $(document).ready(function(){
        $('.aboutus-ourworks').slick({
            arrows: false,
          speed: 700,
         // autoplay:false,
});
    });

在控制台中我得到了很多不需要的 img src

Front End Console

Answer 1

根据我的评论 - 在我看来 $image1 是一个数组。它正在为数组中的每个元素创建一个新的滑块。

我假设您正在使用 ACF。如果是这种情况，您将需要指定密钥。在你的情况下 - <img src = "<?php echo $image1['url']; ?>" alt="">

Slick Slider 在自定义 Post 类型 Wordpress 中显示不需要的图像

Slick Slider showing unrequired images in Custom Post Type Wordpress

php

wordpress

jquery

slick.js