Jquery动态进行图片缩略

//页面加载完执行resizeImage()函数
$(document).ready(resizeImage());function resizeImage(){$(".pic a img").each(function(){//加载图片至内存，完成后执行$(this).load(function(){//获得原始图片高宽var imgWidth = $(this).width();var imgHeight = $(this).height();//获得图片所在Div高宽var boxWidth=$('.pic').width();var boxHeight=$('.pic').height();//比较imgBox的长宽比与img的长宽比大小if((boxWidth/boxHeight)>=(imgWidth/imgHeight)){//重新设置img的width和height$(this).width((boxHeight*imgWidth)/imgHeight);$(this).height(boxHeight);//让图片居中显示var margin=(boxWidth-$(this).width())/2;$(this).css("margin-left",margin);}else{//重新设置img的width和height$(this).width(boxWidth);$(this).height((boxWidth*imgHeight)/imgWidth);//让图片居中显示var margin=(boxHeight-$(this).height())/2;$(this).css("margin-top",margin);}});            })
}

推荐一个自己业余时间开发的网盘搜索引擎，360盘搜（www.360panso.com）

Jquery动态进行图片缩略相关推荐

Thumbnails框架图片缩略处理
最近跟师父一起做一个需求,被分配到一个优化需求,将用户上传的图片做一份缩略图存储到阿里云服务器,再把地址存入数据库. 采用了Thumbnails框架对图片进行缩略处理. 由于第一次使用这个框架参考了 ...
java验证码效果，和图片缩略效果
java验证码效果,和图片缩略效果效果图:验证码效果图:缩略这两个效果我做在了一个类里面,可以进行调用,直接上代码注:要是复制粘贴此代码,需要更改自己所使用的字体,也可以用我这个字体,记得更改 ...
jQuery动态改变图片显示大小(修改)
当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此功能的jQuery代码如下.这段代码可以使图片的大小保持 ...
java读取图片缩略方法_java 图片缩略图的两种方法
最近网上看到两种不同的java图片缩略图的绘制方案第一种,使用Graphics().drawImage按照一定的比例重新绘制图像. Java代码 package com.image.suoluetu ...
jquery动态改变图片
动态改变图片: var bb = 1; var aa=4; $("div[page='" + bb + "'] dd").eq(aa).children(&qu ...
用PHP忙了一晚上写的图片缩略和图片等比缩放函数
/* ---------------------------------------------------------------------- 函数:调整图片尺寸或生成缩略图修改:2009-8- ...
jq动态改变路径_在react中使用jQuery动态更改图片路径遇到的问题
您好.如题.我在代码中是这样写的. step:1 为了将默认的小图片列表从上方移到左边,我设置了template Viewer.TEMPLATE = ( ' ' + ' ' ' + ' ' ' + ' ...
base64图裁剪 php_php图片上传类（支持缩放、裁剪、图片缩略功能）
namespace dollarphp; /** * @desc:图片上传类 * @author [Lee] ]> * 1.自动验证文件是表单提交的文件还是base64流提交的文件 * 2.验证 ...
img超出div width时， jQuery动态改变图片显示大小
参考: 1. http://blog.csdn.net/roman_yu/article/details/6641911 2. http://www.cnblogs.com/zyzlywq/archi ...
html无法获取图片高宽,如何解决谷歌浏览器下jquery无法获取图片的尺寸
代码如下: $(document).ready(function(){ var img_h=$img.height(); var img_w=$img.width(); }) 以上代码在IE和火狐中没 ...

Jquery动态进行图片缩略

Jquery动态进行图片缩略相关推荐

最新文章

热门文章