PHP整理架
我的朋友PHP
导航
PHP博客
首页
新随笔
联系
聚合
管理
<
2009年7月
>
日
一
二
三
四
五
六
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
统计
随笔 - 32
文章 - 0
评论 - 1
引用 - 0
留言簿
(3)
给我留言
查看公开留言
查看私人留言
随笔分类
linux(1)
(rss)
随笔档案
2010年7月 (1)
2010年2月 (6)
2010年1月 (1)
2009年9月 (1)
2009年7月 (2)
2009年6月 (2)
2009年5月 (1)
2009年4月 (2)
2009年2月 (2)
2008年12月 (1)
2008年11月 (4)
2008年10月 (9)
收藏夹
精华文章(15)
(rss)
转载精华
php跳转的三种方法
php跳转的三种方法
搜索
最新评论
1. re: 在一家生活资讯网站的PHP笔试受到打击,讲一下题目吧
评论内容较长,点击标题查看
--bkkkd
阅读排行榜
1. 用PHP读取excel(8697)
2. 通过设置P3P头来实现跨域访问COOKIE(6400)
3. Warning: Cannot modify header information - headers already sent by ....(6397)
4. SVN的基本原理 配置自动更新WEB服务器(6261)
5. PHP E-mail邮箱正则(3415)
评论排行榜
1. 在一家生活资讯网站的PHP笔试受到打击,讲一下题目吧(1)
2. jquery+ie6的诡异问题 关于submit()(0)
3. ORA-12170 TNS 连接超时(0)
4. linux学习小步走(1)(0)
5. linux学习小步走(2)(0)
图片自动缩放自适应大小,JS和css结合
编辑器上传的图片太大了,把FF和IE撑的走形,所以希望图片在某些页面里要有固定大小,如果需要某个范围,用getElementByname来设定,也是一个道理:
我加了css的限制:
div img
{
}
{
max-width
:
600px
;
width
:
600px
;
width
:
expression(document.body.clientWidth>600?"600px":"auto")
;
overflow
:
hidden
;
}
◎ max-width:600px; 在IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。
◎ width:600px; 在所有浏览器中图片的大小为600px;
◎ 当图片大小大于600px,自动缩小为600px。在IE6中有效。
◎ overflow:hidden; 超出的部分隐藏,避免控制图片大小失败而引起的撑开变形。
在放图片的页面里加了
<
script language
=
"
JavaScript
"
>
var
imgObj;
for
( i
=
0
; i
<
document . getElementsByTagName(
"
img
"
) . length; i
++
)
{
imgObj
=
document . getElementsByTagName(
"
img
"
)[i];
//
建议只判断高度或者宽度其中一个,那样可以自动按比例缩放
if
( imgObj . width
>
500
)
//
判断图片的宽度,如果大于700,则设置为700,值可以自己修改
{
imgObj . width
=
500
}
if
( imgObj . height
>
700
)
//
判断图片的高度,如果大于700,则设置为700,值可以自己修改
{
imgObj . height
=
700
}
}
</
script
>
单独的图片控制,用这个:
<
script
>
var
abc
=
document.getElementById(
"
abc
"
);
var
imgs
=
abc.getElementsByTagName(
"
img
"
);
for
(
var
i
=
0
,g;g
=
imgs[i];i
++
)
g.onload
=
function
()
{
if
(
this
.width
>
300
)
{
this
.width
=
300
}
else
{
if
(
this
.height
>
300
)
this
.height
=
300
}
}
</
script
>
测试在IE和FF下通过。
posted on 2009-07-06 16:56
小博
阅读(2597)
评论(0)
编辑
收藏
引用
网摘
只有注册用户
登录
后才能发表评论。
网站导航:
IT新闻
博客园
BlogJava
博客生活
IT博客网
C++博客
程序员招聘
Powered by:
PHP博客
Copyright © 小博