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

使用javascript控制网页中背景图片的大小鼠标滚轮控制

02月16日 编辑 39baobao.com

[怎么使网页中的背景图片平铺急]CSS设置背景图片平铺: <style type="text/css"> <!-- body { background-image: url(img/top04.jpg); background-repeat:no-repeat;:repeat;repeat-x;repeat-y; 【在此设置,分...+阅读

能: 鼠标滚轮自由缩放, 图片大小自定义按比例缩小, 图片大小可在装入时初始化...

function resizeimg(ImgD,iwidth,iheight) {

var image=new Image();

image.src=ImgD.src;

if(image.width>0 && image.height>0){

if(image.width/image.height>= iwidth/iheight){

if(image.width>iwidth){

ImgD.width=iwidth;

ImgD.height=(image.height*iwidth)/image.width;

}else{

ImgD.width=image.width;

ImgD.height=image.height;

}

ImgD.alt=image.width+"*"+image.height;

}

else{

if(image.height>iheight){

ImgD.height=iheight;

ImgD.width=(image.width*iheight)/image.height;

}else{

ImgD.width=image.width;

ImgD.height=image.height;

}

ImgD.alt=image.width+"*"+image.height;

}

//ImgD.style.cursor= "pointer"; //改变鼠标指针

// ImgD.onclick = function() { window.open(this.src);} //点击打开大图片

// if (navigator.userAgent.toLowerCase().indexOf("ie") > -1) { //判断浏览器,如果是IE

// ImgD.title = "请使用鼠标滚轮缩放图片,点击图片可在新窗口打开";

// ImgD.onmousewheel = function img_zoom() //滚轮缩放

// {

// var zoom = parseInt(this.style.zoom, 10) || 100;

// zoom += event.wheelDelta / 12;

// if (zoom> 0) this.style.zoom = zoom + "%";

// return false;

// }

// } else { //如果不是IE

// ImgD.title = "点击图片可在新窗口打开";

// }

}

}

// JavaScript Document

在需要实现等比缩放的图片上加上onload语句,图片装载时初始化大小。

具体实现代码如下:

以下为关联文档:

网页如何用javascript写输入名称后点击按钮显示图片做个div一个文本复框一个制按钮 div中一个img标签src="" 输入图片名后点击按钮,触发2113按钮的点击事件,将文本框的value赋值给img的src属性来5261改变4102图片 <input type="tex...

谁给在网页中鼠标滑过图片使图片放大特效的代码<table width="120" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left"><a href="http://.baidu.com" target="_blank"><img src="http://list.image.baidu...

如何使用画图工具修改图片大小可以使用WINDOWS下的画图工具简单的修改图片的尺寸大小。 第一步、打开WINDOWS画图工具。依次点击,开始--程序--附件--画图,即可打开画图板。 打开画图工具 WINDOWS画图工具...

如何使用画图工具改变图片大小一 如何使用画图工具修改图片大小 可以使用WINDOWS下的画图工具简单的修改图片的尺寸大小。 第一步、打开WINDOWS画图工具。依次点击,开始--程序--附件--画图,即可打开画图板...

javascript上传图片限制大小为100KB<script language="javascript"> function check(form1) { var img=document.createElement("img"); if(form1.images.value=="") { alert("图片上传不能为空,请选择上传的图片!") form1...

图片上传控制总上传文件的大小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+...

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...

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

推荐阅读
图文推荐