【问题标题】:Slick Slider showing unrequired images in Custom Post Type WordpressSlick Slider 在自定义帖子类型 Wordpress 中显示不需要的图像
【发布时间】:2018-05-25 14:06:59
【问题描述】:

您好,我在 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

【问题讨论】:

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

标签: php jquery wordpress slick.js


【解决方案1】:

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

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

【讨论】:

  • 谢谢.. 它帮助了.... 我删除了 foeach 并重命名了变量并添加了 ['url''] 来完成这项工作...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多