Slick Slider在Custom Post Type Wordpress中显示不需要的图像

时间:2018-05-25 14:06:59

标签: php jquery wordpress slick.js slick-slider

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

这是我的page-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

1 个答案:

答案 0 :(得分:0)

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

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