WordPress取消裁剪图片用JS自动放缩

林继 WordPress 2,784 共写了344个字 (2013-08-18 20:55:12) 没有评论 打印 扫描二维码 百度已收录

用Wordpress上传图片的时候有一个很烦恼的事情,就是会自动裁剪图纸成不同的尺寸让后保存到uploads中,本人在网上搜索并摸索了好久好多代码都不可用,现在介绍个可用用的。
首先取消Wordpress自动裁剪图片的功能,
就是在设置->媒体中把裁剪尺寸全部更改为0如下图.

2013-08-17_20-45-40

下面就要看你的主题中有没有.js文件如果有,直接把下面的代码复制到您主题的js文件中即可。

  1. /*自动放缩图片js*/
  2. $(document).ready(function(){
  3. $(‘div’).autoResize({height:750});
  4. });
  5. jQuery.fn.autoResize = function(options)
  6. {
  7. var opts = {
  8. ‘width’ : 700,
  9. ‘height’: 750
  10. }
  11. var opt = $.extend(true, {},opts,options || {});
  12. width = opt.width;
  13. height = opt.height;
  14. $(‘img’,this).each(function(){
  15. var image = new Image();
  16. image.src = $(this).attr(‘src’);   if(image.width > 0 && image.height > 0 ){
  17. var image_rate = 1;
  18. if( (width / image.width) < (height / image.height)){
  19. image_rate = width / image.width ;
  20. }else{
  21. image_rate = height / image.height ;
  22. }
  23. if ( image_rate <= 1){
  24. $(this).width(image.width * image_rate);
  25. $(this).height(image.height * image_rate);
  26. }
  27. }
  28. });
  29. }

如果主题没有js文件就需要自己创建js文件,如atuo_size_img.js,在把此文件放在主题目录下面即可。

然后在主题的header.php文件合适位置添加如下代码,为了是使上面的JS代码能够在主题中加载。

  1. <script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/atuo_size_img.js”></script>

历史上的今天

8月
18

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

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

< >