function DrawImage(Img,WIDTH,HEIGHT){
var image=new Image()
image.src=Img.src
width=WIDTH//预先设置的所期望的宽的值
height=HEIGHT//预先设置的所期望的高的值
if(image.width>width||image.height>height){//现有图片只有宽或高超了预设值就进行js控制
w=image.width/width
h=image.height/height
if(w>h){//比值比较大==>宽比高大
//定下宽度为width的宽度
Img.width=width
//以下为计算高度
Img.height=image.height/w
}else{//高比宽大
//定下宽度为height高度
img.height=height
//以下为计算高度
Img.width=image.width/h
}
}
}
<img src="xxxx" onload=javascript:DrawImage(this,290,215)>
很好做，给加号添加一个事件，每点击一次增加。给减号也添加一个事件，每点击一次减一次。两个事件如下：
//增加function add(){
var img=document.getElementById('id')
var num=$(img).attr('opacity')//获取透明度数(ie是filter = 'alpha(opacity:'+alpha+')')
var result=0
if(num<1)result=num+0.1//每次加0.1，好像最大值是1
if(result>1) result=1
$(img).attr('opacity',result)//把加过的值赋给图片
}
//减
functuion fun(){
var img=document.getElementById('id')
var num=$(img).attr('opacity')//获取透明度数(ie是filter = 'alpha(opacity:'+alpha+')')
var result=0
if(num>0)result=num-0.1//每次减0.1，好像最小值是0
if(result<0) result=0
$(img).attr('opacity',result)//把加过的值赋给图片
}
具体要你自己调试，我只是给你提供一个思路。
