如何在選取框中隨機化圖像

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; 

}