javascript 规范图片大小的问题？

显示全部楼层 · 2013-4-5 11:53:04

听你的意思是统一规范的函数已经写好了只是会在页面上先显示原来的大小再变统一是吧，这是因为你是在$(document).ready里调用的，也就是页面完全准备好之后，此前图片是会显示出来的。所以现在有两个办法，第一个就是在ready之前把所有图片用css直接设置隐藏，然后在resize之后再显示。第二个办法就是resize在图片load的时候调用，但是这样的话你就要单独做图片的load，而且每张图片都要做，比较麻烦。...

千问 · 2013-4-5 11:53:04

得这样子调用
[img][/img]
然后function resize(img) {
var width = img.width;
var height = img.height;.....}...

千问 · 2013-4-5 11:53:04

如果是固定压缩为320x240，在你的模版或者css文件里面直接定义为这个尺寸即可，不会有任何问题；如果是按320x240等比压缩，那问题就在于计算这个比例之前需要拿到图片的尺寸，而这个尺寸在图片加载开始之前得不到的，在有的浏览器下就会有一个抖动的效果，如果是这个抖动的效果困扰你，可以让图片预先隐藏，resize以后再显示出来即可。...

千问 · 2013-4-5 11:53:04

$('body').append($('').html( ' img { width: 200px; height: 400px; } ' ));把 img 换成你的匹配符，比如“.container img”，200px 换成你的宽度，400px 换成你的高度。如果不想用注入样式表的方法，你还可以这样：$(function(){resi...