PHP隐藏/显示带有分页的图像答案

【问题标题】：PHP hide/show images with pagnationPHP隐藏/显示带有分页的图像
【发布时间】：2016-12-27 07:11:36
【问题描述】：

我想要达到的结果

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

}

【问题讨论】：

您能否详细说明您正在努力实现的目标以及您在哪里苦苦挣扎？
我认为问题是关于通过 PHP 显示/隐藏图像
@StefanDochow 对不起我糟糕的英语。是的，它是关于通过 PHP 显示/隐藏图像的分页。
@Vykintas 感谢您的回答，我刚刚添加了分页，您知道如何将隐藏/显示图像与分页联系起来吗？
如果你有分页，你可以使用我的示例（如下）并按数字显示图像。例如，如果您在页面上显示 6 张图片 - 您可以计算 $from = ($page*6)-6;和 $to=$page*6;当然，数组必须包含您只想在当前“库”上显示的图像。明白了吗？

标签： php html css arrays multidimensional-array

【解决方案1】：

您可以通过索引限制显示哪些图像，但是您需要将值 FROM 和 TO 发送到 php 脚本并在循环中添加如下内容：

if(($i>$FROM)||($i<=$TO))
   {
      // Show the image
   }

如果您将使用已显示的循环。

【讨论】：