PHP - 文件夹中的随机图像，下一个，随机和上一个图像答案

【问题标题】：PHP - Random Image from folder, next, random and previous imagePHP - 文件夹中的随机图像，下一个，随机和上一个图像
【发布时间】：2014-06-21 02:53:27
【问题描述】：

我对 PHP 很陌生，我曾尝试浏览论坛寻找答案，但找不到我要找的东西。所以我们开始吧。

所以我只想要一个基本的图像采集器，它可以从我的文件夹中获取一个独特的图像并在我的网站上回显/打印出来，除此之外，我还想要一个下一个图像按钮、一个上一个按钮和一个随机图像按钮。

这就是我已经走了多远。

这里我有一个 Example 我的意思。（是的，它非常基础，但我正在努力学习）

   <?php
    $dir = "images";
    $images = scandir($dir);
    $z = rand(2, sizeof($images)-1);
   ?>

上面的这段代码“生成”随机图像，但每次都不是唯一的，例如，如果刷新我的页面，我有可能多次获得相同的图片。

    <div class="container"> <!-- Start Rng Picture -->
     <center><div class="col-md-8 col-md-offset-2">  
     <img src="images/<?php echo $images[$z]; ?>"   alt="Sorry Your Image Are On Vacation" class="thumbnail img-responsive">
    </div></center> <!-- Close Rng Picture -->

上面的代码是我的前端代码，用于显示我的随机图像。

我的最大问题是了解如何在我的按钮中获得下一个、前一个随机数组。

<div class="navbar navbar-inverse"> <!-- Start Navbar -->
  <div class="navbar-inner">
    <center><div class="btn-group">
                <button type="button" class="btn btn-lg btn-danger>"Previous</button>
                <button type="button" class="btn btn-lg btn-info">Random</button>
                <button type="button" class="btn btn-lg btn-success">Next Pic</button>
        </div></center> 
    </div>
</div> <!-- Close Navbar -->

【问题讨论】：

标签： php html image twitter-bootstrap random

【解决方案1】：

为了解决重复图像问题，添加一个 cookie（会话可以），存储用户最近看到的几 (5) 个图像。然后在选择要显示的图像之前，删除存储在 cookie 中的五张图像。

就按钮而言，请尝试查看 Ajax。

【讨论】：

【解决方案2】：

使用它来避免重复的随机数以避免重复图像。你可以设置范围。这里在 1 到 20 之间。

  <?php
       for ($i=0; $i<=5; $i++) 
       {
        $num[$i] = rand(1,20);
         for ($j=0; $j<$i; $j++) 
         {            
           while ($num[$j] == $num[$i])
            {              
            $num[$i] = rand(1,20);              
             $j = 0;            
            }          
         }   
       }   
  sort($num);   

  ?>

在您的视图中或您想要打印随机数的任何地方，只需执行以下操作：

  <?php echo $num[1]; ?>

您还可以轻松地将图像放入文件夹中，然后为所有图像选择一个唯一的名称，然后在每个图像的末尾附加一个数字并像这样显示它们：

  <img src="images/imagename<?php echo $num[1]; ?>"   alt="Sorry Your Image Are On Vacation" class="thumbnail img-responsive">

【讨论】：