HTML PHP 网页如何设定图片宽度超过700px 则自动缩小?

图片程序码如下,这是用作预览图不会改到档案原来尺寸
<img src="<?php echo "http://".$_SERVER['HTTP_HOST'].dirname($_SERVER['PHP_SELF'])."/".$Move.$fname;?>" alt="" width="700" />

这样设定虽然成功(1200px大图缩小)但是像50X50也会变得像700px那麼大,该怎麼改才能700以下不会变大??

第一个方法:

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像素的图片自动缩略。
温馨提示:内容为网友见解,仅供参考
无其他回答

HTML PHP 网页如何设定图片宽度超过700px 则自动缩小?
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,可以根据网页...

PHP网页首页图片显示自适应屏幕分辨率的问题 网页CSS问题
解决的方法:给图片(img)的宽度加上百分比进行控制(100%)。可能出现的情况:图片大小不一。【解决:控制所有图片的实际大小必须一致,这样经过缩放之后才会大小一致】。

网页如何自适应网页如何自适应屏幕
1一般情况下,word页面为A4页面大小,除去上下左右的页边距,图片的高度在24-25厘米左右,宽度在14-16厘米左右。因此需要提前把图片大小设置在这个范围内。2先打开一个空白的excel,选择工具栏中的【插入】-【图片】,在电脑中找到图片,批量插入多张图片。3插入的图片默认被全部选定,这时候不要点击exce...

PHP怎么设置背景图大小
要看你是什么样的背影图片了,如果你想用一张图片做为背影固定不动的话,基本上就要应用做图软件修改图片大小,如果是想在一个容器里设置大小,可以直接针对容器设置,比如<table width="" height="" backgroud="图片">之类,但这样会使图片比例改变,建设最好是用做图软件修改。如果网站的页面是无限伸长的...

在网页中如何缩放图片不变形
要实现当然是按比例缩放,你单元格是1.5:1的,那你的图片宽高比例也要是这样子的,不然肯定会变形。至于说css控制怎么也没有asp方便吧?asp可以把图片宽高用变量来控制。css就只能定死,不知道你具体是怎么样的,反正我通常都是用asp来控制宽和高的。现在用php更方便,上传图片的时候可以直接生成...

齐博CMS:发表文章中的图片大小总自动变成width 600px.怎样让它大...
在有关帖子的启发下搞定了。到 "\\inc" 目录下找到 文件 check.postarticle.php 删除$postdb[content]=条下的 onload=\\'if(this.width>600)makesmallpic(this,600,1800);\\” 就可

设置网页时宽设置多少像素是 才能覆盖整个IE浏览器的宽
IE窗口都是自动变成最大化的了 设置IE浏览器,使得浏览打开网页时不显示网页中的图片。 工具栏进入选择Inter选项 进入高级 把显示图片 选关就好了 IE浏览器怎么设置多个主页 百度账户登录一下,首页进入后再设置百度分网页。或者同时使用多个不同浏览器,分别设置每个主页。

php 怎样取得分辨率,如72dpi,300dpi
网页正文全文宽: document.body.scrollWidth 网页被卷去的高: document.body.scrollTop 网页被卷去的左: document.body.scrollLeft 网页正文部分上: window.screenTop 网页正文部分左: window.screenLeft 屏幕分辨率的宽: window.screen.width 屏幕可用工作区宽度: window.screen.availWidth ...

利用js 或者 php 能获得<div>块中去掉overflow剩下的图片吗?
首先要启用gd库,怎么开启gd库各种系统有点不同,具体可以网上查一下。然后调用gd库的imagecreatefromjpeg等函数来获取原图片大小,并生成一个新的缩略图。==代码=== isjpeg = @ imagecreatefromjpeg("这里填原图片路径,包括图片名")\/\/读取jpg图片 old_width = imagesx($isjpeg);old_height = ...

html+css实现横排显示一系列图片,超出框格的自动换到下一行
width:780px;padding:10px;} .showUser legend { margin-bottom:20px;font-size:200%;} .userList{ margin-bottom:5px;word-break:break-all;word-wrap:break-word;float:left;} .userList img { margin:5px 19.5px;border:4px solid #d7e1ed;display:block;} .userList a { margin:5...

相似回答