Question

我试图重新调整从文件夹导入的一些图像。如果它仅将真实图像显示为缩略图，那么它就会出现问题，因为文件的大小不会大于500kb，

有没有办法让图片成为可点击的图片？我有谷歌它，但似乎无法找到一个帮助我的解决方案。

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

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

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

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

Answer 2

clickable表示链接

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进行操作，但这更容易

从文件夹中显示文件作为缩略图php

2 个答案: