社区
JavaScript
帖子详情
急!!!用代码怎样来自动对浏览到的图片自动按比例进行缩放??
ciror
2003-09-29 11:26:03
用代码怎样来自动对浏览到的图片自动按比例进行缩放??
一直在找答案的我
希望在这里能有人帮我解决
先谢喽:)
...全文
59
5
打赏
收藏
急!!!用代码怎样来自动对浏览到的图片自动按比例进行缩放??
用代码怎样来自动对浏览到的图片自动按比例进行缩放?? 一直在找答案的我 希望在这里能有人帮我解决 先谢喽:)
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
紫郢剑侠
2003-09-29
打赏
举报
回复
学习
meizz
2003-09-29
打赏
举报
回复
<img border=0 style="display: none"
src="http://www.csdn.net/images/csdn.gif"
onload="if(this.clientWidth>100)this.width=100; this.style.display=''"
>
jueban9818
2003-09-29
打赏
举报
回复
<img border=0 style="display: none"
src="http://www.csdn.net/images/csdn.gif"
onload="if(this.clientWidth>100)this.width=100; this.style.display=''"
>
不放刷新啊!
007james
2003-09-29
打赏
举报
回复
百分比旧可以 width= 50%
hexhero
2003-09-29
打赏
举报
回复
强
兼容ie、firefox的
图片
自动
缩放
的css跟js
代码
分享
这个功能主要是解决内容页中的
图片
过大撑出,导致页面比较难看,就需要这样的
代码
,需要的朋友可以参考下 需求:
图片
width<=600px,height<=800。 1、利用max-width,max-height使
图片
等
比例
自动
缩放
代码
:
代码
如下: img{max-width: 600px;max-height: 800px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小。 2、用javascript脚本来兼容ie6,
代码
如:
代码
如下: var img_width = img.OffsetWidth;<BR
类似ACDSee的图像
浏览
工具 源
代码
本章实例是一个类似ACDSee的图像
浏览
工具——GraphShower。GraphShower主要实现如下功能: ⑴ 类似ACDSee的
图片
浏览
功能。用户只需要打开一个
图片
,就能利用菜单栏、工具栏或者快捷键快捷的
浏览
该图像所在目录的所有图像。使用方法与ACDSee类似。 ⑵ 图像的
缩放
显示功能。图像可以支持以下四种显示模式: ① 原始大小:以原始大小显示图像。如果图像大小比视图小,则显示在正中;如果图像比视图大,则显示部分图像。用户可以利用鼠标拖动图像以显示其它部分。 ② 适合宽度:保持图像长宽
比例
缩放
图像,使图像宽度等于视图宽度。 ③ 适合高度:保持图像长宽
比例
缩放
图像,使图像高度等于视图高度。 ④ 适合屏幕:
自动
判断图像的显示方式,使图像能在当前视图上完整显示。 ⑶ 特效显示。GraphShower支持以下特效:向下扫描、垂直双重扫描、向右移动、水平双重移动、垂直百叶窗、水平百叶窗、垂直栅条、水平栅条、马赛克和雨滴。 ⑷ 文件目录窗口。通过目录树可以直接打开图像文件。 ⑸ 位图
浏览
窗口。以缩略图的形式显示图像。
javascript经典效果示例
73个效果的实例 01:___CSS+JS滚动
图片
功能
代码
02:___CSS使用
图片
完美修饰的全兼容圆角框 03:___CSS制作的类似相册
浏览
的功能 04:___CSS完成神奇创意的相框 05:___CSS实现自适应的
图片
背景边框 06:___CSS将
图片
自动
变为圆角 07:___CSS强制等
比例
缩小
图片
08:___Javascript仿Flash
图片
轮翻 09:___JavaScript
图片
滚动(绝对酷) 10:___JavaScript生成弹性透明的
图片
放大
代码
11:___JavaScript由左向右的
图片
渐变过渡 12:___JavaScript动态控制
图片
透明度的变化 13:___JavaScript
图片
放大 14:___JavaScript
图片
特效 15:___JavaScript
图片
预加载
代码
,显示loading 16:___JavaScript改变
图片
透明度,鼠标放上渐渐显示 17:___JavaScript真正的鼠标放上动画加载大图的 18:___JS+CSS给
图片
加上鼠标滑过的方框 19:___JS卡通
图片
切换 20:___JS
图片
切换,带缩略图版 21:___JS
图片
滚动
代码
(无缝、平滑) 22:___Js
图片
连续左右滚动 23:___Js拖动特效,一串水晶球(很强大) 24:___JS放大镜,JavaScript
图片
放大
代码
25:___JS点击小图预览大图(仿淘宝) 26:___亮丽的JS
图片
渐变导航 27:___从两侧向中间拼合的JavaScript
图片
切换效果 28:___仿265网站LOGO,会盯着你看的眼睛 29:___像弹簧一样抖动的横向
图片
滚动 30:___前后轮翻的JS
图片
幻灯切换 31:___动态的Loading文字,逐个变大 32:___可控的纵向
图片
滚动 33:___右下角随机显示的JS
图片
广告 34:___向上翻动的内容切换示例 35:___
图片
友情链接滚动,横向,带控制按钮 36:___
图片
围成环形滚动,有空间感 37:___
图片
型不规则菜单的CSs实现 38:___
图片
拖拉
缩放
效果(仿PHOTOSHOP) 39:___
图片
控制内容框的文字上下翻滚 40:___
图片
旋转构成3D圆环的展示特效 41:___
图片
点击后变灰色的CSs
代码
42:___
图片
闪烁
代码
43:___
图片
雷达效果,像光照一样 44:___在
图片
上单击获取
图片
原始大小 45:___大幅JS焦点图切换 46:___左右切换鼠标可控的无缝
图片
滚动
代码
47:___平滑
图片
滚动 48:___很有意思的
图片
分裂复制效果 49:___按
比例
缩放
图片
,JavaScript
代码
50:___最简的JavaScript鼠标经过切换
图片
51:___有点炫的JavaScript立体
图片
展示 52:___根据鼠标放上切换内容制作的
图片
导航 53:___浮动的
图片
广告 54:___清爽简洁的
图片
交替导航效果 55:___用CSS实现
图片
的双边框效果 56:___禁止在
图片
上使用右键 57:___竖向
图片
滚动 58:___纯CSS
代码
实现的
图片
列表滚动 59:___纯CSS实现鼠标移上
图片
添加阴影效果 60:___经典的
图片
切换 61:___网站首页js幻灯片
代码
62:___美化过的匀速
图片
滚动 63:___腾讯QQ网站的Js
图片
切换 64:___自写Js+CSS轮显效果 65:___
自动
播放——Js幻灯片缓冲效果 66:___规定区域的JS拖动展示效果 67:___超漂亮Js+css
图片
幻灯切换 68:___马赛克效果的JS
图片
切换
代码
69:___鼠标放到
图片
上会滑出提示文字 70:___鼠标滑过,缩略图放大显示(纯CSS) 71:___鼠标移上
图片
,变换出大
图片
72:___鼠标经过
图片
时显示半透明文字,边框变色 73:___鼠标经过
图片
由灰色变彩色
WebGIS开发与应用3课程作业,功能包括构建地图应用,切换自定义底图等等+源
代码
+文档说明
功能包括 1:构建地图应用。 2:切换自定义底图。 3:动态加载专题图层,并显示图层数量、控制图层的显示与关闭,能够删除图层。 4:实时显示
比例
尺,并能够根据地图的
缩放
调整
比例
尺的数值。鼠标在地图上移动时,能实时显示坐标。 5:同时出现两幅地图,对其中任意一幅地图做
浏览
操作(平移
缩放
),另外一幅地图都会响应并保持一致。 6:从底层实现LayerSwipe(卷帘)功能。 - - 不懂运行,下载完可以私聊问,可远程教学 该资源内项目源码是个人的毕设,
代码
都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! <项目介绍> 1、该资源内项目
代码
都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、
自动
化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此
代码
基础上
进行
修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用
广研企业网站管理系统中英文双语版 v1.8
v1.8新增功能简介: 一、后台新增生成网站地图和生成Sitemap.xml的功能。 二、新增下载中心功能,可在后台上传doc,xls,ppt,rar,pdf文件。 三、新增产品缩略图
自动
缩放
功能,
图片
按
比例
缩放
,解决了
图片
变形问题。 四、新闻、产品详细页新增了上一个、下一个的功能,改善用户体验。 五、在线客服新增了阿里巴巴贸易通在线客服。 六、可在后台设置分享
代码
,如百度分享和AddThis等。 七、新增新闻排序功能,方便调整新闻显示顺序。 八、更新了最新版编辑器kindeditor,改善了编辑器的一些Bug。 九、修复了后台产品搜索结果不能分页的问题。 十、修复了在线客服窗口在火狐
浏览
器下不浮动的问题。 十一、修复了产品列表在一些
浏览
器下布局错位的兼容问题。 十二、修复后台添加关键字个数的限制和新闻时间不更新的问题。 主要功能模块介绍: 1. 企业信息:发布介绍企业的各类信息,如企业简介、组织机构、营销网络、企业荣誉、联系方式,并可随意增加新的栏目等。 2. 新闻动态:发布企业新闻和业内资讯,可增加无限的一级栏目,后台中文管理,更加方便。
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章