根据JS来自动缩放图片过大的问题(css没有解决IE6)
2009-06-05 09:55
726 查看
由于图片过大的问题写了这段样式
.divContent{
}
.divContent img{
max-width:800;
height:auto;
zoom:expression( function(elm) { if(elm.width>800) { var oldVW = elm.width; elm.width=800; elm.height = elm.height*(800 /oldVW); } elm.style.zoom = '1'; }(this));
}
但是不能解决IE6加载后图片高度虽然已经算出来了,但是显示有问题,所以想一下脚本是否可以解决,写了下面的这段脚本解决了该问题.
function imgFix(){
var widthRestriction = 800;
var allElements = document.getElementsByTagName('*')
for( var i=0; i < allElements.length; i++){
if(allElements[i].className.indexOf('divContent') >= 0){
var imgElements = allElements[i].getElementsByTagName('img')
for( var j=0; j < imgElements.length; j++){
if( imgElements[j].width > widthRestriction ){
imgElements[j].height = imgElements[j].height * (widthRestriction/imgElements[j].width)
imgElements[j].width = widthRestriction
}
}
}
}
}
window.onload = imgFix ;
.divContent{
}
.divContent img{
max-width:800;
height:auto;
zoom:expression( function(elm) { if(elm.width>800) { var oldVW = elm.width; elm.width=800; elm.height = elm.height*(800 /oldVW); } elm.style.zoom = '1'; }(this));
}
但是不能解决IE6加载后图片高度虽然已经算出来了,但是显示有问题,所以想一下脚本是否可以解决,写了下面的这段脚本解决了该问题.
function imgFix(){
var widthRestriction = 800;
var allElements = document.getElementsByTagName('*')
for( var i=0; i < allElements.length; i++){
if(allElements[i].className.indexOf('divContent') >= 0){
var imgElements = allElements[i].getElementsByTagName('img')
for( var j=0; j < imgElements.length; j++){
if( imgElements[j].width > widthRestriction ){
imgElements[j].height = imgElements[j].height * (widthRestriction/imgElements[j].width)
imgElements[j].width = widthRestriction
}
}
}
}
}
window.onload = imgFix ;
相关文章推荐
- 解决图片太大溢出问题、使用CSS限制图片最大宽度或使图片按比例自动缩放
- 解决IE6下PNG图片背景不透明的三种方法(CSS/JS/JQuery)
- 解决/WEB-INF目录下的jsp页面引入webRoot下的Js、css和图片的问题
- EPUB.js 解决图片裁剪问题(缩放问题)
- 解决IE6下的CSS Hover背景图片闪烁问题
- 解决PNG图片在IE6中背景不透明的CSS与JS代码
- 解决IE6中CSS使用透明背景图片的问题
- SSM框架中引入css,js,图片文件的路径问题解决
- 实现ipad上的内嵌webview手势缩放图片(修改版,解决在第一张图片放大的情况下翻到下一张图片无法放大的问题) 基于Quo(js库)
- 解决制作ECShop模板时CSS、JS、图片的路径问题
- js,css三种方法解决IE6下position:fixed的Bug以及闪动问题
- [Filter过滤器]解决缓存网站图片,css,js等问题
- EPUB.js 解决图片裁剪问题(缩放问题)
- Python中使用django框架进行web开发,模板中无法导入css、js和图片的问题解决
- IE6下CSS图片缓存问题解决方法
- IE6下CSS图片缓存问题解决方法
- 在线修改图片尺寸缩放网站(完美解决图片过大无法上传问题)
- 解决图片太大溢出问题、CSS 限制图片最大宽度、图片按比例自动缩放
- 解决PNG图片在IE6中背景不透明的CSS与JS的代码
- 关于HttpModule中像图片,*.css,*.js等资源文件也被请求问题的解决