css图片自适应大小_图象特效

复制代码 代码如下:

function ReImgSize(){  
           for (j=0;j<document.images.length;j++)  
          {  
               document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width;  
          } 

       然后在body区域加上onload="ReImgSize()" 就可以了。经过测试,在Mozilla和IE上通过.。在这里补充一下关于图片的自适应,这点Mozilla做的比IE好,因为可以用CSS来控制图片的自适应。我们都知道Mozilla支持一个max-width 的CSS语法。于是我们这样这样定义图片的全局样式。

复制代码 代码如下:

img{  
        max-width:100%;height:auto;  

这样图片就回在div或table内自动适应其大小了. 

时间: 2024-10-03 07:16:23

css图片自适应大小_图象特效的相关文章

在图片上单击获取图片原始大小_图象特效

在图片上单击获取图片原始大小[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

CSS图片自适应大小代码分享

我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码:   div img { max-width:600px; width:600px; width:expression(doc

js 加载时自动调整图片大小_图象特效

//  方法:setSelectReadOnly  用于设定极select控件ReadOnly, //        这个一个模拟只读不是真的只读 //        使用了onbeforeactivate,onfocus,onmouseover,onmouseout事件 //    示例:< img src='img.jpg' onload='ImgAutoSize(ImgD,FitWidth,FitHeight)' > ; //  create by sl  // ------------

cloudgamer出品ImageZoom 图片放大效果_图象特效

一般用于放大查看商品图片,在凡客,京东商城,阿里巴巴等都有类似的效果. 好处是能在原图附近对图片进行局部放大查看,而且可以通过鼠标控制查看的部位. 前一阵子看到sohighthesky的图片放大效果,心血来潮自己也写一个看看. 这个程序有以下特点: 1,支持使用原图放大或新图片设置大图: 2,大图完成载入前使用原图放大代替,减少操作等待时间: 3,支持鼠标滚动缩放大图: 4,可以通过设置显示范围或显示框大小设置显示尺寸: 5,可以设置是否自动隐藏显示框: 6,支持插件形式的扩展来实现更多的功能(

JS实现鼠标移动到缩略图显示大图的图片放大效果_图象特效

一个网页上用的图片提示效果,当把鼠标移动到图片缩略图的时候,会显示图片大图,似乎在网上这是个很常见的效果,实现方法也比较多,有人用CSS,有人用JavaScript,有人用jQuery,总之,选择自己习惯的方式去实现,就是最棒的. 图片提示效果

比较方便的onMouseWheel缩放图片效果[原创]_图象特效

鼠标滑轮滚动查看效果,Author:reterry(dxy) www.jb51.net欢迎转载,转载时请写明出处.按住ctrl键然后鼠标从图片上移开,图片可恢复原始大小

来自ImageSee官方 JavaScript图片浏览器[原创]_图象特效

使用方法: 访问"imagesee.htm的网址+?pic=图片的网址&page=该图片相关网页的网址" 即可,其中page参数可以忽略. 关于ImageSee: ImageSee是开放源代码的网页图片浏览器,由JavaScript写成,是一个完全静态网页.同时支持IE Firefox Opera浏览器.  透过ImageSee,您可以方便的对网上的高清图片(大图片)进行浏览,具备常规的图片浏览所需要的全部主要功能:放大缩小.缩略图.图片鼠标拖动. 更多特色: 完全免费开放使用

JS旋转图片阵类_图象特效

xmlns="http://www.w3.org/1999/xhtml"> JS旋转图片阵效果 brought to you by 斩梦人.天天 qq:22062019使用方法: 首先定义一个imgRound类: var rt = new imgRound("imgContainer", 120, 90, 500, 220, 230, 0.01) 然后使用定时函数调用imgRound实例的roundMove方法: setInterval(function(){

javascript IE7 浏览器本地图片预览_图象特效

说明:以下针对的是互联网情况,如果您在本地作测试,比如输入的地址是:http://127.0.0.1/...,则可以看到全部预览. 如果您使用的是 IE6,则可以看到以下预览:如果您使用的是 IE7,则看不到以下预览. 不论您使用的是 IE6 还是 IE7,均可以看到以下预览. 请选择一个图片进行预览: