带有 acf 的随机图像(图库选项)

Posted

技术标签:

【中文标题】带有 acf 的随机图像(图库选项)【英文标题】:Random images with acf (gallery option) 【发布时间】:2021-08-23 05:21:07 【问题描述】:

你能告诉我我需要添加什么来制作随机图片库吗? 我需要创建像 $rand 这样的新变量吗? 我正在寻找答案,但我找不到。我创建了 $rand = array_rand($gallery, 1);。但它不起作用。帮助:)

<section class="gallery-section">
    <div class="container padding">
        <h2>Galeria</h2>
        <div class="gallery-container">
            <div class="row">
                    <?php 
                $images = get_field('gallery');
                
                if( $images ): ?>
                 <?php foreach( $images as $image ): ?>
                <div class="col-lg-4 col-md-6">
                    
                    <div class="image-wrapper">
                        <a class=“fancybox” rel=“gallery href="<?php echo esc_url($image['url']); ?>">
                     <img class ='img-fluid'  src="<?php echo esc_url($image ['sizes']['large']); ?>"   />
                    </a>
                    
                    </div>
                    
                </div>
                <?php endforeach; ?>
                    <?php endif; ?>
                
                
            </div>

        </div>
    </div>
</section>

【问题讨论】:

【参考方案1】:

array_rand() 用于从给定数组中选择一个(或多个)随机键。如果您想以随机顺序呈现画廊的图像,您应该使用 shuffle() 代替:

$images = get_field('gallery');
if ($images) 
    shuffle($images); // <-- Note that it modifies to original array.
    foreach($images as $image) ...

【讨论】:

以上是关于带有 acf 的随机图像(图库选项)的主要内容,如果未能解决你的问题,请参考以下文章

Wordpress + ACF,在首页显示每个帖子的随机帖子图片

前端干货之随机图库 Lorem Picsum(只需要按规则写个网址就行,不需要集成任何插件环境)

从数组中显示带有名称的随机图像。 (SwiftUI)

带有 Javascript 的随机光标图像

自定义字段 (ACF) 图像并不专属于它上传到的单个帖子,并显示在我创建的每个帖子类型上

返回带有随机选项和局部变量的 char 函数