PHP使用分页隐藏/显示图像
我想要达到的结果 PS:请忽略中心的错误 当前 只需更新代码并设法解决019问题,然后一次遍历所有图像。但是,仍然无法在单个页面上显示3个图像 以前,在css{display}的帮助下,我可以显示我想要的内容 和JavaScript显示/隐藏函数,但不确定如何使用phpPHP使用分页隐藏/显示图像,php,html,css,arrays,multidimensional-array,Php,Html,Css,Arrays,Multidimensional Array,我想要达到的结果 PS:请忽略中心的错误 当前 只需更新代码并设法解决019问题,然后一次遍历所有图像。但是,仍然无法在单个页面上显示3个图像 以前,在css{display}的帮助下,我可以显示我想要的内容 和JavaScript显示/隐藏函数,但不确定如何使用php $productArr = ["ac" => ["001" => ["dimension"=>"H: 85 W: 67 D: 72", "price"=>850.00 , "images"=>
$productArr = ["ac" => ["001" => ["dimension"=>"H: 85 W: 67 D: 72", "price"=>850.00 , "images"=>7],
"002" => ["dimension"=>"H: -- W: -- D: --", "price"=>860.00 , "images"=>7],
"003" => ["dimension"=>"H: 95 W: 71 D: 90", "price"=>890.00 , "images"=>7],
"004" => ["dimension"=>"H: 78 W: 68 D: 78", "price"=>740.00 , "images"=>4],
"005" => ["dimension"=>"H: 102 W: 69 D: 90", "price"=>890.00 , "images"=>7],
"006" => ["dimension"=>"H: 89 W: 80 D: 86", "price"=>1280.00, "images"=>7],
"007" => ["dimension"=>"H: 78 W: 66 D: 66", "price"=>680.00 , "images"=>7],
"008" => ["dimension"=>"H: 80 W: 78 D: 74", "price"=>800.00 , "images"=>7],
"009" => ["dimension"=>"H: 94 W: 64 D: 88", "price"=>790.00 , "images"=>5],
"010" => ["dimension"=>"H: 83 W: 68 D: 72", "price"=>850.00 , "images"=>7],
"011" => ["dimension"=>"H: 70 W: 66 D: 77", "price"=>860.00 , "images"=>7],
"012" => ["dimension"=>"H: 88 W: 84 D: 88", "price"=>1280.00, "images"=>7],
"013" => ["dimension"=>"H: 80 W: 70 D: 84", "price"=>860.00 , "images"=>7],
"014" => ["dimension"=>"H: 82 W: 68 D: 80", "price"=>780.00 , "images"=>7],
"015" => ["dimension"=>"H: 82 W: 72 D: 78", "price"=>890.00 , "images"=>7],
"016" => ["dimension"=>"H: 75 W: 59 D: 47", "price"=>780.00 , "images"=>7],
"017" => ["dimension"=>"H: 90 W: 77 D: 83", "price"=>1280.00, "images"=>7],
"018" => ["dimension"=>"H: -- W: -- D: --", "price"=>680.00 , "images"=>5],
"020" => ["dimension"=>"H: 74 W: 63 D: 89", "price"=>860.00 , "images"=>4]]
$catCode = $_GET['cat'];
$arr=[];
foreach ($productArr[$catCode] as $imgNumber => $productDetail) {
array_push($arr,$imgNumber);
$imgNumber = $arr;
// index[18] change to 20
}
echo"<div align='center'>
<ul class='pagination'>";
for ($i = 1; $i < count($productArr[$catCode]) / 3 + 1; $i++) {
echo"<li><a href='http://localhost/ca1/collectionPage.php?cat={$catCode}&page={$i}'> {$i}</a></li>
";
}
echo"<li><a href='http://localhost/ca1/collectionSummary.php?cat={$catCode}'>view all</a></li>";
echo"</ul>
</div>";
for($i=0; $i < count($productArr[$catCode]); $i++){
echo "<div class='col-md-4'>
<div class='thumbnail'>
<img class='img-responsive image_size' src='images/$catCode/row_{$catCode}{$arr[$i]}_m0.jpg'>
<div class='caption'>
<p align='center'><b>Model No.Row-{$upperCatCode}-{$arr[$i]}</b></p>
</div>
</div>
</div> ";
$productArr=[“ac”=>[“001”=>[“尺寸”=>“H:85 W:67 D:72”,“价格”=>850.00,“图像”=>7],
“002”=>[“尺寸”=>“H:--W:--D:--”,“价格”=>860.00,“图像”=>7],
“003”=>[“尺寸”=>“H:95 W:71 D:90”,“价格”=>890.00,“图像”=>7],
“004”=>[“尺寸”=>“H:78 W:68 D:78”,“价格”=>740.00,“图像”=>4],
“005”=>[“尺寸”=>“H:102 W:69 D:90”,“价格”=>890.00,“图像”=>7],
“006”=>[“尺寸”=>“H:89 W:80 D:86”,“价格”=>1280.00,“图像”=>7],
“007”=>[“尺寸”=>“H:78 W:66 D:66”,“价格”=>680.00,“图像”=>7],
“008”=>[“尺寸”=>“H:80 W:78 D:74”,“价格”=>800.00,“图像”=>7],
“009”=>[“尺寸”=>“H:94 W:64 D:88”,“价格”=>790.00,“图像”=>5],
“010”=>[“尺寸”=>“H:83 W:68 D:72”,“价格”=>850.00,“图像”=>7],
“011”=>[“尺寸”=>“H:70 W:66 D:77”,“价格”=>860.00,“图像”=>7],
“012”=>[“尺寸”=>“H:88 W:84 D:88”,“价格”=>1280.00,“图像”=>7],
“013”=>[“尺寸”=>“H:80 W:70 D:84”,“价格”=>860.00,“图像”=>7],
“014”=>[“尺寸”=>“H:82 W:68 D:80”,“价格”=>780.00,“图像”=>7],
“015”=>[“尺寸”=>“H:82 W:72 D:78”,“价格”=>890.00,“图像”=>7],
“016”=>[“尺寸”=>“H:75 W:59 D:47”,“价格”=>780.00,“图像”=>7],
“017”=>[“尺寸”=>“H:90 W:77 D:83”,“价格”=>1280.00,“图像”=>7],
“018”=>[“尺寸”=>“H:--W:--D:--”,“价格”=>680.00,“图像”=>5],
“020”=>[“尺寸”=>“H:74 W:63 D:89”,“价格”=>860.00,“图像”=>4]]
$catCode=$_GET['cat'];
$arr=[];
foreach($productArr[$catCode]作为$imgNumber=>$productDetail){
阵列推送($arr,$imgNumber);
$imgNumber=$arr;
//索引[18]更改为20
}
回声“
”;
对于($i=1;$i
";
}
回声“”;
回声“
";
对于($i=0;$i型号行-{$upperCatCode}-{$arr[$i]}
";
}您可以通过索引限制要显示的图像,但随后您需要将值从和发送到到php脚本,并在循环中添加如下内容:
if(($i>$FROM)||($i<=$TO))
{
// Show the image
}
if($i>$FROM)||($I能否请你详细说明你正在努力实现的目标以及你在哪里奋斗?我认为问题在于如何通过PHP@StefanDochow对不起,我的英语很差。是的,这是关于通过PHP显示/隐藏带有分页的图像。@Vykintas感谢您的回答,我刚刚添加了分页,您知道吗如何将隐藏/显示图像链接到分页?如果您有分页,您可以使用我的示例(下面)并按数字显示图像。例如,如果您在页面上显示6个图像,您可以计算$from=($page*6)-6;和$to=$page*6;当然,数组必须只包含要在当前“库”上显示的图像。明白吗?