我的网站上有一个脚本,可以显示我添加到某个文件夹中的任何图像文件。我使用这个文件夹作为我制作的任何数字艺术的存放处。这样我就可以直接将Photoshop或其他文件中的png保存到该文件夹中,并在页面上显示。
问题是文件大小太大,即使显示正确,也无法轻松加载。.css类是图像大小调整器。
你能在不完全加载的情况下调整图像的大小吗?我可能理解错了,谢谢你的帮助。
<?php
$dir = "../endlessdescriptionone/images/";
$dh = opendir($dir);
$gallery = array();
while($filename = readdir($dh)) {
$filepath = $dir.$filename;
//pregmatch usedto be ereg
if (is_file($filepath) and preg_match("/'.png$/",$filename)) {
$gallery[] = $filepath;
}
}
sort($gallery);
foreach($gallery as $image) {
echo"<img src='$image' class='resizesmall'>";
}
?>
看看phpthumb,它几乎是事实上的缩略图生成器,并在第一次加载后提供自动缓存以提高速度。在非常基本的级别上,您所要做的就是将图像源标记指向phpthumb脚本,并在GET字符串中指定所需的宽度、高度和文件位置。
由于phpthumb的许可证,我还必须创建自己的简单thumbnailer,以备不时之需。如果你熟悉PHP文档的网站,你可以在几个小时内完成自己的拇指钉,并在这个过程中学到一些东西。
如果做不到这一切,你可以手动上传两份图像,一份是大的,另一份是调整大小的,然后只显示调整大小的(即文件名中只包含"_thumb"的)。
否,您不能使用CSS来降低浏览器加载的图像的实际分辨率。
您可以做的是在img src标记中使用另一个脚本,该脚本在输出图像之前加载图像并调整大小
常见的用途是显示大图像的缩略图(示例),然后,当选择时:下载或查看。
您可以直接从photoshop创建缩略图。