如何在选框中随机化图像

时间:2014-01-22 22:01:19

标签: php random slide marquee

有没有人可以帮助我解决这个问题。 它是关于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;
}

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

使用PHP shuffle function随机化数组:

$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;

}