【问题标题】:show files from folder as thumbnails php将文件夹中的文件显示为缩略图 php
【发布时间】:2011-12-18 06:10:25
【问题描述】:

我正在尝试调整从文件夹导入的一些图像。如果只将真实图片显示为缩略图也没关系,因为文件的大小不会超过 500kb,

有没有办法可以将图像制作为可点击的图像?我有谷歌它,但似乎无法找到对我有帮助的解决方案。

这是从文件夹中读取的代码

$files = glob("uploads/*.*"); 

for ($i=1; $i<count($files); $i++) 
{
     $num = $files[$i];
     echo '<img src="'.$num.'" alt="random image">'."&nbsp;&nbsp;";      
}

【问题讨论】:

    标签: php html image thumbnails


    【解决方案1】:

    我不确定如何使用 PHP 实际调整图像大小以减小文件大小,但要让浏览器以较小的“缩略图”大小呈现它们,只需为推出的图像添加一个 CSS 类属性。像这样的:

    echo '<img class="thumb" src="'.$num.'" alt="random image">'."&nbsp;&nbsp;";
    

    然后,只需将 img.thumb 类的一些 CSS 添加到文档的顶部,或者在您拥有其余 CSS 的任何位置:

    img.thumb
    {
    width:50px;
    height:50px;
    }
    

    如果您希望图像可点击(可能链接到全尺寸图像),只需在回显到文档时将锚标记环绕在您的 img 标记上。像这样的:

    echo '<a href="' . $num . '"><img src="'.$num.'" alt="random image"></a>'."&nbsp;&nbsp;";
    

    【讨论】:

      【解决方案2】:

      可点击意味着链接

      for ($i=0, $n=$i<count($files); $i<$n; $i++) {
          $num = $files[$i];
          echo '<a href="/path/to/uploads/'.$num.'" target="_blank">'
              .'<img src="'.$num.'" alt="random image">'
              .'</a>&nbsp;&nbsp;';
      }
      

      或者你可以用javascript来做,但这更容易

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2015-08-12
        • 1970-01-01
        • 2013-10-14
        • 1970-01-01
        • 2013-03-17
        • 2011-10-27
        • 2020-10-27
        相关资源
        最近更新 更多