三九宝宝网宝宝绘画儿童画

js控制图片大小

03月05日 编辑 39baobao.com

[js高手进来啊 js图片切换效果]//首页幻灯 var Lantern={ onChange:[], oInterval:[], otimeOut:[], opacityNum:101, cycNum:0, showNum:0, width:386,//整体宽度 navyCtr:[],//2维: 0.原长 1.目标长 2.spe...+阅读

img=...;//获取单个img的引用,前面用getElementsByTagName获取了,这里就不写循环了 //只写单个图片的处理var pnode=img.parentNode; //img的父节点var div=document.createElement('div'); //创建一个div用作容器div.style.overflow='hidden';//overflow和display的设置可单独写个样式,就不需要这2行设置的代码了div.style.display='inline-block';div.style.width=img.offsetWidth+"px";//设置大小div.style.height=img.offsetHeight-100+"px";pnode.insertBefore(div,img); //将div插入到图片前面pnode.removeChild(img); //将图片移动到div中div.appendChild(img); //动态创建了一个和图片同宽,高度比图片小100像素的层,插入到图片前面,然后把图片移进去,这是我的想法在运行的时候需要保证图片加载完成,以及图片不是隐藏的. 还有就是图片高度至少要在100PX以上吧,如果不确定,可在高度设置之前进行判断...

javascriptnbsp nbsp如何控制背景图象

amp;lt;headamp;gt;amp;lt;styleamp;gt;.bg1{background-image:url('/images/note_6.gif');width:300px;height:300px;}amp;lt;/styleamp;gt;amp;lt;/headamp;gt;amp;lt;bodyamp;gt;amp;lt;tablenbsp;class=“bg1“nbsp;id=“t1“amp;gt;amp;lt;tramp;gt;amp;lt;tdamp;gt;amp;lt;inputnbsp;type=“button“nbsp;onclick=“change();“nbsp;value=“changenbsp;backgroundnbsp;image“nbsp;/amp;gt;amp;lt;/tdamp;gt;amp;lt;/tramp;gt;amp;lt;/tableamp;gt;amp;lt;scriptamp;gt;functionnbsp;change(){document.getElementById('t1').style.background=“url('/images/note_5.gif')“;}amp;lt;/scriptamp;gt;amp;lt;/divamp;gt;amp;lt;/bodyamp;gt;主要要给table或div指定个id,再通过id来赋值,注意,不是name,是id。

以下为关联文档:

如何利用JS或者CSS样式来自动调整图片大小js版和css版自动按比例调整图片大小方法,分别如下: <title>javascript图片大小处理函数</title> <script language=Javascript> var proMaxHeight = 150; var proMaxWidth = 1...

图片上传控制总上传文件的大小jsp版把属于某用户的已经上传了的所有照片大小计算出来;加上用户正准备上传的图片大小,如果超过了某个值 就不许上传;可以用js来判断准备上传文件的大小 js判断上传文件大小第一种方...

JS控制图片宽度的问题<img src="" onload="if(this.width>1000){this.width=1000;}">ok 每个图片都加上,,,闲麻烦? 这样加 var imglist=document.getElementsByTagName("img") for(i=0;i<imglist.length;i+...

一个控制图片大小的JS问题<script language="JavaScript"> <!-- function resizepic(thispic) { var w=thispic.width; var h=thispic.height; if(thispic.width>550){ thispic.width=550; thispic.hei...

js滚动图片的时候如何控制里面图片的大小我这有一个不间断向左滚动的代码,很好用的,你可以试试看 <div id="Demo_t0" style="overflow:hidden;width:730;height:182;"> <table width=" 0" height="136" border=0 align=center...

js中如何控制图片明亮度和对比度function opacity_change(m) { var oDiv=document.getElementById("imgInfo"); switch(m) { case 0 : //照片变透明 oDiv.filters.alpha.opacity=oDiv.filters.alpha.opacity-1...

如何用js控制图片的图大宽度或是最大高度这是很多网页前端设计者都面临的一个问题,今天通过收集整理,把我常用的方法贴出来,希望能对需要的同行朋友有点帮助~~ 首称贴一段js代码: <script type="text/javascript"> var Im...

jS控制图片的放大和缩小用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现: HTML 代码: <img src='../1.jgp' /&gt;这个时候img的图片自身是多大,就会显示多大。100px*100px的图...

使用javascript控制网页中背景图片的大小鼠标滚轮控制能: 鼠标滚轮自由缩放, 图片大小自定义按比例缩小, 图片大小可在装入时初始化... function resizeimg(ImgD,iwidth,iheight) { var image=new Image(); image.src=ImgD.src; if...

推荐阅读
图文推荐