HTML PHP 网页如何设定图片宽度超过700px 则自动缩小?
图片程序码如下，这是用作预览图不会改到档案原来尺寸<imgsrc="<?phpecho"http://".$_SERVER['HTTP_HOST'].dirname($_...
图片程序码如下，这是用作预览图不会改到档案原来尺寸
<img src="<?php echo "http://".$_SERVER['HTTP_HOST'].dirname($_SERVER['PHP_SELF'])."/".$Move.$fname;?>" alt="" width="700" />
这样设定虽然成功(1200px大图缩小)但是像50X50也会变得像700px那麼大,该怎麼改才能700以下不会变大?? 展开
<img src="<?php echo "http://".$_SERVER['HTTP_HOST'].dirname($_SERVER['PHP_SELF'])."/".$Move.$fname;?>" alt="" width="700" />
这样设定虽然成功(1200px大图缩小)但是像50X50也会变得像700px那麼大,该怎麼改才能700以下不会变大?? 展开
1个回答
展开全部
第一个方法：
1、用css来实现IE7以上浏览器的图片缩略效果。
.divimg{ max-width:50px; max-height:50px; } *html.divimg{width:expression(this.width>50&&this.width>this.height?50:auto); height:expresion(this.height>50?50:auto); }
说明： 这段代码是把图片等比例缩小为50px * 50px，可以根据网页的宽度来自由修改尺寸。
2、万恶的IE6不识别上面的代码怎么办？
如果你的网页宽度为580像素，我们来看
.ltop3 { line-height: 25px; font-size: 12px; overflow: hidden; width: 580px;}
这样的话，IE7会识别第一步的代码来自动缩略，而IE6会根据第二步的代码，如果图片内容超过网页宽度就自动隐藏，这就完美的解决了图片的缩略问题。
另外还有一个方法也告诉大家，希望有用。
第2个方法：
JS代码加到网页<BODY>前面
<SCRIPT language=JavaScript type=text/JavaScript>
//改变图片大小
function resizepic(thispic)
{
if(thispic.width>400) thispic.width=400;
}
//无级缩放图片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
</SCRIPT>
在图片属性加上onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" 代码即可让超过400像素的图片自动缩略。
1、用css来实现IE7以上浏览器的图片缩略效果。
.divimg{ max-width:50px; max-height:50px; } *html.divimg{width:expression(this.width>50&&this.width>this.height?50:auto); height:expresion(this.height>50?50:auto); }
说明： 这段代码是把图片等比例缩小为50px * 50px，可以根据网页的宽度来自由修改尺寸。
2、万恶的IE6不识别上面的代码怎么办？
如果你的网页宽度为580像素，我们来看
.ltop3 { line-height: 25px; font-size: 12px; overflow: hidden; width: 580px;}
这样的话，IE7会识别第一步的代码来自动缩略，而IE6会根据第二步的代码，如果图片内容超过网页宽度就自动隐藏，这就完美的解决了图片的缩略问题。
另外还有一个方法也告诉大家，希望有用。
第2个方法：
JS代码加到网页<BODY>前面
<SCRIPT language=JavaScript type=text/JavaScript>
//改变图片大小
function resizepic(thispic)
{
if(thispic.width>400) thispic.width=400;
}
//无级缩放图片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
</SCRIPT>
在图片属性加上onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" 代码即可让超过400像素的图片自动缩略。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
