【问题标题】:Display images from directory with PHP使用 PHP 显示目录中的图像
【发布时间】:2012-05-28 09:55:30
【问题描述】:

我是 PHP 和 jQuery 的新手,但我想对我正在使用 easySlider 和 Lightbox 插件开发的投资组合做以下事情:

  1. 每个“li”标签最多显示六个图像或六个 div 图像,并从目录中关闭它。

    • 如果目录中的图片超过六张,则创建一个新的“li”标签并再显示六张图片,直到加载完该目录中的所有图片。

    • 如果图像的名称后面带有数字 -> 显示:隐藏。例如:beta1 但我只想显示第一个“beta”

    • 按名称对图像进行排序。

  2. 如果不是代码本身,请勿让任何人访问该目录中的图像。

投资组合代码如下:

<div id="portfolio_hold">
   <ul>

     <li>
      <div class="portfolio_pic_hold">

        <a href="large.jpg" rel="lightbox[]" >
          <img src="thumb.jpg"/>
        </a>

      </div>
     </li>

   </ul>
</div>

这是我想要展示的 html 示例。

【问题讨论】:

  • 您的问题读起来像规范。请使用您遇到的具体问题的详细信息以及到目前为止您编写的代码进行编辑。
  • 所以编写执行此操作的代码。你在问我们什么?
  • 到目前为止我没有编写任何代码,所以目前没有问题这就是为什么我问这个特定问题,因为我没有足够的基础来做这件事。我问这个以获得一些帮助或灯到如何

标签: php jquery html .htaccess


【解决方案1】:

这也许能解决问题

$thumbsPath = "trabalhos/design/thumbs/";
$imagespath = "trabalhos/design/images/";
$file_display = array('jpg', 'jpeg', 'png', 'gif');

if (file_exists($thumbsPath) == false)
{
    echo 'Directory \'', $thumbsPath, '\' not found.';
}
else
{
    $thumbs = glob($thumbsPath."*.[".implode($file_display,"|")."]");
    if (file_exists($imagesPath) == false){
            echo 'Directory \'', $imagesPath, '\' not found.';
    } else
    {
            $counter = 0;
            $filesPerPage = 6;
            foreach ($thumbs as $file)
            {
                    if($counter % $filesPerPage) echo "<li>";
                    $counter++;
                    $info = pathinfo($file);
                    $sFile =  basename($file,'.'.$info['extension']);

                    $aFiles = glob($images.$sFile."[0-9]+.[".implode($file_display,"|")."]"); //Este array tem todas as imagens relativas ao thumbnail que estás a ver
                    echo "<div><img /></div>";
                    if($counter == $filesPerPage) echo "</li>";
            }
    }
}

【讨论】:

  • 这里:pastebin.com/CvvJQAix,我重新编写了@Mind 代码,因为我不知道它没有显示图像/缩略图的原因,但现在这个“返工”完成了所有工作。我现在遇到了另一个问题,如下所示:我限制了每 li 的图像数量,但在第一个标签旁边不显示其他
  • 标签,即使我可以看到带有灯箱的其他图像,这会禁用我的 easySlider 插件。
猜你喜欢
相关资源
最近更新 更多
热门标签