如何在选取框中随机化图像

Question

有没有人可以帮我解决这个问题。 这是关于wordpress中的选取框短代码。 选取框代码按日期顺序显示上传的图像。 我在想我是否可以让图像随机滑动。 因此，无论我上传图片的日期，每次浏览页面时，滑动图片的顺序都会随时更改。

下面的代码：

$out .= '" id="_'.$menu_id.'" style="background-color:'.$background_color.'">'."\n"; 
$out .= ' <div class="shadow"></div>'."\n"; 
$out .= ' <div class="content">'."\n"; 
$out .= '  <div class="text">'.balanceTags($content).'</div>'."\n"; 
$out .= '  <div class="marquee-outer">'."\n"; 
$out .= '   <ul class="marquee-inner">'."\n"; 

$images_array = explode(',', $images); 
foreach($images_array as $image_id){ 
    $image = wp_get_attachment_image_src($image_id, 'full'); 
    $out .= ' <li class="marquee-item" style="background-image:url('.$image[0].');"></li>'; 
} 
$out .= '   </ul>'."\n"; 
$out .= '  </div>'."\n"; 
//$out .= ' </div>'."\n"; 
//$out .= '</section>'."\n"; 

    return $out; 
} 

任何想法？

Answer 1

使用PHP shufflefunction以随机化数组：

$out .= '" id="_'.$menu_id.'" style="background-color:'.$background_color.'">'."\n"; 
$out .= ' <div class="shadow"></div>'."\n"; 
$out .= ' <div class="content">'."\n"; 
$out .= '  <div class="text">'.balanceTags($content).'</div>'."\n"; 
$out .= '  <div class="marquee-outer">'."\n"; 
$out .= '   <ul class="marquee-inner">'."\n"; 

$images_array = explode(',', $images); 
shuffle($images_array); 
foreach($images_array as $image_id){ 
    $image = wp_get_attachment_image_src($image_id, 'full'); 
    $out .= ' <li class="marquee-item" style="background-image:url('.$image[0].');"></li>'; 
} 
$out .= '   </ul>'."\n"; 
$out .= '  </div>'."\n"; 
//$out .= ' </div>'."\n"; 
//$out .= '</section>'."\n"; 

    return $out; 

}