Javascript 随机显示成员图像
如果我有一个50个点的数组,每个点包含5个图像,我想以表格格式随机显示每个点。每行一个点(5幅图像),总共50行。没有使用数据库Javascript 随机显示成员图像,javascript,php,html-table,Javascript,Php,Html Table,如果我有一个50个点的数组,每个点包含5个图像,我想以表格格式随机显示每个点。每行一个点(5幅图像),总共50行。没有使用数据库 <?php $allImages = array('Image1.jpg','Image2.jpg','Image3.jpg','Image4.jpg'); echo '<table>'; // loop for 12 rows for($j=0; $j<12; $j++) { echo '<tr>'; // loo
<?php
$allImages = array('Image1.jpg','Image2.jpg','Image3.jpg','Image4.jpg');
echo '<table>';
// loop for 12 rows
for($j=0; $j<12; $j++) {
echo '<tr>';
// loop to make 5 columns, 1 column for each image
for($i=0; $i<5; $i++) {
echo '<td>';
$img = $allImages[rand(0,3)];
echo '<img src="'.$img.'">';
echo '</td>';
} echo '</tr>';
}
echo '</table>';
?>
试试这个:
<?php
$allImages = array('Image1.jpg','Image2.jpg','Image3.jpg','Image4.jpg',
'Image2.jpg','Image3.jpg','Image4.jpg','Image2.jpg',
'Image3.jpg','Image4.jpg','Image2.jpg','Image3.jpg',
'Image4.jpg');
shuffle ( $allImages );
echo '<table><tr>';
for($j=0; $j<count($allImages); $j++) {
echo '<td>';
echo '<img src="'.$allImages[$j].'">';
echo '</td>';
if(($j+1)%5==0) echo "</tr><tr>";
}
echo '</tr></table>';
?>
这个怎么样
<?php
$allImages = array(
array ('Image01.jpg', 'Image02.jpg', 'Image03.jpg', 'Image04.jpg', 'Image05.jpg'),
array ('Image11.jpg', 'Image12.jpg', 'Image13.jpg', 'Image14.jpg', 'Image15.jpg'),
//.... So on upto 50 slots
array ('Image501.jpg', 'Image502.jpg', 'Image503.jpg', 'Image504.jpg', 'Image505.jpg')
);
$spot_indexes = range(0,2,1); //in your case limit is 50
shuffle($spot_indexes);
foreach($spot_indexes as $index) {
$spot_images = $allImages[$index];
foreach($spot_images as $image) {
echo '<img src ="' .$image. '" height="150px" width="100px" /> ' ;
}
echo '<br>';
}
?>
所以我不会为你做家庭作业。你试过什么?$allImages=array('Image1.jpg','Image2.jpg','Image3.jpg','Image4.jpg');回显“”;//循环12行($j=0;$jlol)我喜欢它的措辞,甚至和家庭作业问题一样。“不使用数据库!”他的代码是另一个用户提供的代码…谢谢你的帮助Markus,但请记住数组中列出的每个图像实际上是5个图像。我试图显示组或组5个图像,因此每个数组隔室每个点有5个图像,这意味着每组5个图像位于一行上。谢谢againOk我理解,也许你可以在解决方案中使用一些部分;-)我在这一行有一个错误$img=$allImages[$spot_index[$j][$I]]@user2012105现在修复了它。这是答案:@user2012105是否随机显示了图像?@user2012105请完整阅读。