带有 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(只需要按规则写个网址就行,不需要集成任何插件环境)