在同一循环中具有不同背景的两个div

Question

此代码会导致图像在页面内循环显示。

<?php
$myImagesList = array (
  'image1.png' ,
  'image2.png' ,
  'image3.png' ,
  'image4.png' ,
  'image5.png' ,
  'image6.png' ,
  'image7.png' ,
  'image8.png' ,
  'image9.png' ,
  'image10.png'
);

shuffle ($myImagesList);


for ($i=0; $i<10; $i++) {
    if ($i == 5)
        echo '<div style="background:#939393;clear:both;width:760px;height:500px;">CONTENT</div>';
    echo '<img src="/imagens/' . $myImagesList[$i] . '" width="200" height="140" border="0" />';
}

?>

但是如何获得这些具有＆＃34;元素（div）＆＃34;分开它们，有不同的（和不同的背景）divs

例子

代码如何显示内容：

类似的东西：

<Div style = "background: # 0600ff" id = "div02">
image6.png image2.png image5.png image1.png image10.png

<Div style = "background: # 939393">
CONTENT
</ Div>

image3.png image4.png image7.png image9.png image8.png
</ Div>

正如我希望的那样：

类似的东西：

<Div style = "background: # 0600ff" id = "div02">
image6.png image2.png image5.png image1.png image10.png
</ Div>

<Div style = "background: # 939393">
CONTENT
</ Div>

<Div style = "background: # 0600ff" id = "div02">
image3.png image4.png image7.png image9.png image8.png
</ Div>

Answer 1

您可以轻松使用2个循环：

前5张图片：

echo '<Div style = "background: # 0600ff" id="div02">';
for($i=0; $i<5; $i++) {
    echo $myImagesList[i];
}
echo '</DIV>';

内容：

echo '<Div style = "background: # 939393"> CONTENT </ Div>';

然后是最后5张图片：

echo '<Div style = "background: # 0600ff" id="div02">';
for($i=5; $i<10; $i++) {
    echo $myImagesList[i];
}
echo '</DIV>';

请注意，ID div02是重复的，这可能会导致javascript出现问题。

Answer 2

使用多个if语句修改代码，您可以尝试：

a.href = photo.hdurl (highdef)
a.alt = photo.title
p = photo.explanation
img.src = photo.url (not copyright)