javascript如何控制背景图象
03月05日 编辑 39baobao.com
[怎样制作VB图象浏览器]用全局变量保存目前的图片编号 用Timer控件实现定时切换图片 Dim N As Integer Private Sub Command1_Click() Timer1.Enabled = Not Timer1.Enabled If Timer1.Enabled The...+阅读
.bg1{
background-image:url('/images/note_6.gif');
width:300px;
height:300px;
}
function change(){
document.getElementById('t1').style.background="url('/images/note_5.gif')";
}
主要要给table或div指定个id,再通过id来赋值,注意,不是name,是id。
如何用js控制图片的图大宽度或是最大高度
这是很多网页前端设计者都面临的一个问题,今天通过收集整理,把我常用的方法贴出来,希望能对需要的同行朋友有点帮助~~
首称贴一段js代码:
var Image = {};
function SetMiddle(image, height){///
if (typeof(image) == 'string') image = document.images[image] || document.getElementById(image);
var div = image.parentNode;
if(div.nodeName != "DIV"){
div = div.parentNode;}if(image.height > 0 & image.height < height){var marginTopVal= (height - image.height) / 2;
image.style.marginTop =parseInt(marginTopVal)+"px";
///不加px,在火狐下不支持!}else{image.height = height;
image.style.marginTop = "0px";}}
Image.Resize1=function(image,width,height){if(width==null||height==null)return;image.removeAttribute('width');
image.removeAttribute('height');
var w = image.width, h = image.height;
var scalingW=w/width,scalingH=h/height;
var scaling = w / h;
if(scalingW>=scalingH){image.width=width;
image.height = width / scaling;}else{image.height=height;
image.width = height*scaling;}}
function imgReSize(imgObj,w,h){Image.Resize1(imgObj,w,h);SetMiddle(imgObj,h);}
onload=imgReSize(this,628,452)函数有三个参数,第一个就不用说了吧,每二个参数是说图片的最大宽度,第三个参数是表示图片的最大高度
当图片的宽高任一个大于参数里设置的值的时候,图片就会等比例缩小,且位置相对于外面的容器左右居中
多的不说了,你懂的~~~
以下为关联文档:
VB中如何调整图象大小好说: 加入一个Image. 在它的picture属性里找一张你想要的图片. 把它的stretchy设置为true 然后编写代码: Private Sub Form_Load() Image1.Left = ScaleLeft Image1.Top = Sc...
vb读取剪贴板图象读取用 Picture1.picture=ClipBoard.GetData 放大 Picture2.PaintPicture Picture1.Picture, 0, 0, Picture2.Width, Picture2.Height, 0, 0, _ Picture1.Width, Picture1.H...
javascript实现图片按钮的方法改进<-------------------------------------------------> 晕,事件可以动态注册的啊,你们都行不行啊。 <script> function Msg() { alert("小白") } </script> <input type="button" va...
Ps如何换背景2007-09-23 16:51照片的后期处理中,我们经常会使用Photoshop将照片中的人物素材提取出来,以便实现背景更换等特殊效果。利用Photoshop来对人物素材进行提取的方法很多,我们先以...
javascript限制图片大小?<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> <script> function func(obj) { var oImg=new Image(); var iFlag=fal...
JavaScript图片轮播时点击下面小图时如何做到与时间同步切换看这代码和你的意思,3秒切换一张图片,循环切换,当点击小图片时,是想立刻显示当前点击的图片。实现思路:对下面的小图片添加点击事件,在循环执行切换时要判断。伪代码如下: function...
用JavaScript编程输出以下图片效果<script language="JavaScript"> <!-- function Time(){ if (!document.layers&&!document.all) return var Timer=new Date() var hours=Timer.getHours() var minutes=Timer...
使用javascript控制网页中背景图片的大小鼠标滚轮控制能: 鼠标滚轮自由缩放, 图片大小自定义按比例缩小, 图片大小可在装入时初始化... function resizeimg(ImgD,iwidth,iheight) { var image=new Image(); image.src=ImgD.src; if...
javascript图片的绝对路径在我的电脑,下面的代码成功: <html> <head> <title>; 选择一幅图片 </title> </head> <body> <img name = img1 src="" border="0" width="400"height=500> <script language="javas...
推荐阅读
图文推荐