喜悦国际村 
» 游客:  注册 | 登录 | 搜索 | 统计 | 帮助

RSS 订阅当前论坛  

喜悦证交所已经关闭

上一主题 下一主题
     
标题: [代码] 图片自动缩放代码  
 
52php
中级会员
Rank: 3Rank: 3



UID 84572
精华 0
积分 361
帖子 225
金钱 361 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2006-12-10
状态 离线
[广告]: q m
图片自动缩放代码



//重置大图片
function resizeimage() {
        var msgareas=document.getElementsByTagName("div");
        for (i=0; i<msgareas.length; i++) {
                if (msgareas[i].className=="rss") {
                        var imgsinlog=msgareas[i].getElementsByTagName("img");
                        for(j=0; j<imgsinlog.length; j++) {
                                if (imgsinlog[j].width>'400') {
                                        imgsinlog[j].width="400";
                                        imgsinlog[j].style.cursor= 'pointer';
                                        imgsinlog[j].onclick = function() {window.open(this.src);}
                                        if (navigator.userAgent.toLowerCase().indexOf('ie') > -1) {
                                                imgsinlog[j].title = '请使用Ctrl+鼠标滚轮缩放图片,点击图片可在新窗口打开';
                                                        imgsinlog[j].onmousewheel = function img_zoom()   
                                                        {
                                                          var zoom = parseInt(this.style.zoom, 10) || 100;
                                                          zoom += event.wheelDelta / 12;
                                                          if (zoom > 0 && event.ctrlKey) this.style.zoom = zoom + '%';
                                                          return false;
                                                        }
                                        } else {
                                                imgsinlog[j].title = '点击图片可在新窗口打开';
                                        }
                                }
                        }
                }
        }
}
忘记了这段代码是不是dz的,不过我用了好多次。当图片大于设定的尺寸时自动缩小,并且可以用ctrl+滚轮缩放,在新窗口打开。不过有个缺点是,得等到所有的图片都载入后才会缩放,这样图片一多就不好使。

有没有单张图片载入完既可缩放的?
2007-1-28 11:19 PM#1
查看资料  发短消息  顶部
 
刀锋战士 (刀锋战士)
注册会员
Rank: 2
中级会员


UID 22530
精华 0
积分 169
帖子 169
金钱 169 喜悦币
威望 0
人脉 0
阅读权限 20
注册 2003-8-16
状态 离线
[推荐阅读] 发奖金了,贺一个
JS嘛,又不是PHP的.
2007-1-28 11:36 PM#2
查看资料  访问主页  发短消息  QQ  顶部
 
52php
中级会员
Rank: 3Rank: 3



UID 84572
精华 0
积分 361
帖子 225
金钱 361 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2006-12-10
状态 离线
[推荐阅读] ajax向服务器发送XML的简单问题


img {max-width:340px;CURSOR: hand;width:expression(onreadystatechange=function(){if(this.width>340)this.width=340;});ttt:expression(onclick=function(){window.open(this.src)})}
最简便的就是这段
2007-1-28 11:44 PM#3
查看资料  发短消息  顶部
 
剑枫 (雪花)
论坛元老
Rank: 8Rank: 8
欧玛嘎


UID 26144
精华 1
积分 4863
帖子 1735
金钱 4853 喜悦币
威望 10
人脉 0
阅读权限 90
注册 2004-2-14
来自 山东郓城
状态 离线
[推荐阅读] 急招广州PHP+MYSQL程序员一名/专职或兼职均可


QUOTE:
原帖由 52php 于 2007-1-28 11:44 PM 发表
img {max-width:340px;CURSOR: hand;width:expression(onreadystatechange=function(){if(this.width>340)this.width=340;});ttt:expression(onclick=function(){window.open(this.src)})}

最简便的就是这段
css执行js很危险 占资源




在场外支持奥运.....
2007-1-28 11:48 PM#4
查看资料  访问主页  发短消息  QQ  顶部
 
游戏人间
版主
Rank: 7Rank: 7Rank: 7
☞风云山庄大少爷☜


UID 62639
精华 2
积分 14642
帖子 7738
金钱 14493 喜悦币
威望 20
人脉 129
阅读权限 100
注册 2004-12-21
来自 广西人在北京
状态 离线
[推荐阅读] 拍卖单车广告>>>>>
本来呢,我喜欢在加入图片的时候就判断其大小然后设置高宽,可是发现有时候不好。

用JS来控制高宽,有时候也觉得不好。所以嘛,真TMD的不知道为什么这个世界这么复杂~!




 
群号:6025396/6025252/19520091(广西PHP交流/PHP高级编程/算法交流) 寧可在嘗試中失敗,也不在保守中成功! 不為失敗找理由,只為成功找方法! 饿踢Blog
 
2007-1-29 09:56 AM#5
查看资料  访问主页  Blog  发短消息  顶部
 
52php
中级会员
Rank: 3Rank: 3



UID 84572
精华 0
积分 361
帖子 225
金钱 361 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2006-12-10
状态 离线
[推荐阅读] 请问如何搜索并修改多维数组中的特定值?


QUOTE:
原帖由 剑枫 于 2007-1-28 11:48 PM 发表

css执行js很危险 占资源
还好我基本没用

其实是ie不支持max-width,要不然用这个够了

QUOTE:
本来呢,我喜欢在加入图片的时候就判断其大小然后设置高宽,可是发现有时候不好。

用JS来控制高宽,有时候也觉得不好。所以嘛,真TMD的不知道为什么这个世界这么复杂~!
这样作,如果图片多了,那么速度应该很慢吧,js最讨厌的是得等所有的图片都载入完了才能缩放,这样经常在图片载入的时候如果图片超过模版的大小,那么模版就很难看了
2007-1-31 03:26 PM#6
查看资料  发短消息  顶部
 
迎风
高级会员
Rank: 4
一二三四五,上山打老鼠


UID 66573
精华 0
积分 851
帖子 946
金钱 851 喜悦币
威望 0
人脉 0
阅读权限 50
注册 2005-9-11
状态 离线
[推荐阅读] 长长的一串,这一串好长哦,什么办~!
先 img {display:none}然后js改style释放...



Azazazazazazazazazazazazazazazazazazazazazaz
2007-1-31 04:55 PM#7
查看资料  发短消息  顶部
 
52php
中级会员
Rank: 3Rank: 3



UID 84572
精华 0
积分 361
帖子 225
金钱 361 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2006-12-10
状态 离线
[推荐阅读] 知名互联网公司招募PHP开发者
但是如果等载入完了再显示那人家没看就给关了,不知道我的理解是不是对的。给段代码看看,我不会js
2007-2-1 08:17 PM#8
查看资料  发短消息  顶部
 
km3945 (km3945)
版主
Rank: 7Rank: 7Rank: 7
版主


UID 46538
精华 0
积分 1323
帖子 1287
金钱 1323 喜悦币
威望 0
人脉 0
阅读权限 100
注册 2004-11-8
状态 离线
[推荐阅读] 招PHP新手,只要有编程基础,没有学过PHP不要紧
交错型GIF即可下载多少显示多少



学会用下半身来思考!
2007-2-5 09:33 AM#9
查看资料  Blog  发短消息  QQ  顶部
 
沉默
新手上路
Rank: 1
初级会员



UID 69077
精华 0
积分 8
帖子 9
金钱 8 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2006-3-5
状态 离线
[推荐阅读] 高手说一下,,我是一名新手.
学习学习


好好学习,天天向上~!




先顶后看,良好习惯!
2007-2-7 10:20 PM#10
查看资料  发短消息  QQ  顶部
     


  可打印版本 | 推荐给朋友 | 订阅主题 | 收藏主题 | 开通个人空间  


 




Powered by Discuz! 6.1.0  © 2001-2010 Comsenz Inc.
Processed in 0.024825 second(s), 6 queries

(冀ICP备05009913号) 管理员:sadly 邮箱/MSN: sadly@phpx.com QQ:824008(长隐) 清除 Cookies - - Archiver - WAP