PHP使用分页隐藏/显示图像

PHP使用分页隐藏/显示图像,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"=>

我想要达到的结果

PS:请忽略中心的错误

当前

只需更新代码并设法解决019问题,然后一次遍历所有图像。但是,仍然无法在单个页面上显示3个图像

以前,在css{display}的帮助下,我可以显示我想要的内容 和JavaScript显示/隐藏函数,但不确定如何使用php

$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;当然,数组必须只包含要在当前“库”上显示的图像。明白吗?