在foreach循环中使用变量作为索引

Question

我使用一个简单的WP循环创建了一个布局，我试图将循环中每个帖子的背景中显示的图像随机化。

我的方法

1. 创建一个包含图像数组的函数，可以从模板中的任何位置调用这些图像。

2. 在循环之前调用数组的函数。

3. 使用$ i获取数组中的每个索引，从而更改图像。

我的数组函数（30张图像的列表）：

function randompics(){
  $images = array(
   get_template_directory_uri().'/images/jobs_large/1.jpg', 
   get_template_directory_uri().'/images/jobs_large/2.jpg', 
   get_template_directory_uri().'/images/jobs_large/3.jpg', 
   get_template_directory_uri().'/images/jobs_large/4.jpg', 
   get_template_directory_uri().'/images/jobs_large/5.jpg' 
  );
  return $images;
}

我的模板。 因此，我希望背景URL在每次迭代时都能通过数组的索引。

<?php 
$pics = randompics();
$i = 0; 
if ( have_posts() ) : 
    while ( have_posts() ) : 
        the_post(); 
?>

<div class="col-md-4">
    <div class="item-container" style="background: url(<?php echo $pics[$i]; ?>);"> 

    </div>
</div>

<?php 
        $i++;   
    endwhile; 
endif; 
?>  

编辑澄清我的问题。 因此，我的问题是为什么背景URL无法正常工作。 语法显然是错误的。

Answer 1

循环没有任何问题，只是您应该使用“ isset（$ pics [$ i]）”检查数组项，因为如果存在x个图像和x + n个帖子，那么您将得到一个异常（ http： //php.net/manual/en/class.outofboundsexception.php ），因为$ pics [x]中没有任何元素。

您的“背景” CSS属性错误。 无论使用

background-image: url(YOUR IMAGE URL);

要么

background:<background-color> <background-image> <background-repeat> <background-position>;

例如，

background:transparent url(YOUR IMAGE URL) no-repeat 0 0;