2011-10-30 63 views
0

我试图重新整理从文件夹导入的一些图像。如果它只显示真实图像作为缩略图,它不认为重要,因为文件的大小不会大于500kb,从缩略图显示文件夹中的文件php

有没有办法让图像成为可点击的图像?我有谷歌它,但似乎找不到解决方案,可以帮助我。

这是从文件夹读取代码

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

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

回答

2

我不是确定如何用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;"; 
+0

令人惊叹的!非常感谢 !! – Dymond

0

可点击的链接意味着

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做到这一点,但是这是比较容易