Loading.

用timthumb.php裁剪图片

COMMENT 40 TIMES

timthumb是一个非常神奇的第三方小文件,它可以任意裁剪图片大小。这一切都不需你手动操作,有了它,你可以为你博客文章缩略图进行定义裁剪,不用加载原本的大而笨重的高清图片,只需要加载裁剪后的缩略图,好处最大就在于减少页面加载时间喽!

现在我正在使用的主题已经使用了这个小功能

查看相应的图片的源码可以看到,图片的地址路径类似:

<img src="http://timthumb所在目录/timthumb.php?src=图片地址&h=定义高度&w=定义宽度&zc=1"/>

上图证明我已经开启成功了这个小功能,那怎么开启它呢?这里我以我目前使用的Weisay & Hicms为例,一步一步开启它

首先,想要使用timthumb,需要先确认主机是否支持GD库(一般主机都支持)下载timthumb.php并将其上传到你的空间(我是上传在主题目录中的),然后在和timthumb.php同一个目录下,创建一个cache文件夹,如果你是linux主机,需要为cache文件夹提供写权限,我设置的权限为“777”。

上面已经提到,timthumb使用的时候,图片的地址为:

<img src="http://timthumb所在目录/timthumb.php?src=图片地址&h=定义高度&w=定义宽度&zc=1"/>

其中你需要注意的是,h为缩略图的高度,w为缩略图宽度,zc有两个属性值,1表示裁剪,0表示按设置的高宽压缩,不裁剪。

例如Weisay & Hicms主题,打开主题下includes/articlepic.php文件,修改为:

<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo catch_first_image() ?>&h=100&w=140&zc=1" width="140px" height="100px" alt="<?php the_title(); ?>"/>

然后保存即可,这是再刷新一下首页,查看一下图片地址,是不是有变化了呢?如果加载的是裁剪后的小图,恭喜你,你成功了!!!
最后提醒,这里我是以Weisay & Hicms两款主题为范例的,少数主题并不适用,如果你的主题支持抓取缩略图,那么你可以直接修改相关代码。。
拓展阅读:代码实现文章仿“无觅”效果的 相关文章

0

40条回应:“用timthumb.php裁剪图片”

  1. 萨龙龙说道:

    现在也是用timthumb.php,感觉不错。

  2. 刘荣焕说道:

    cash里面一堆一堆的乱七八糟文件 果断弃用了

  3. 斌果说道:

    外链图片咋办

  4. 常青说道:

    我的需不需要这个?

  5. 蛮不错哦。

  6. oyoy说道:

    我完全看不懂这篇文章

  7. Win8迷说道:

    :???: 我还是手动裁剪

  8. 扫地机器人说道:

    虽然说很好,但是也很复杂啊

  9. wengshijie说道:

    留着,以后有可能会有用。 :razz:

发表评论

电子邮件地址不会被公开。 必填项已用*标注