怎样用JS动态的改变img标签里面的src属性实现图片的循环切换。

JavaScript014

怎样用JS动态的改变img标签里面的src属性实现图片的循环切换。,第1张

js:根据循环切换条件可以用document.getElementById("").src=""设置,或者juqery:("#id").attr("src","图片名称")。

河婆中学IMG CREW,揭西元老级舞团,创立于2005年,为揭西最早学习街舞与街头文化的组织之一。

简介

河婆中学IMG CREW,揭西元老级舞团,创立于2005年,为揭西最早学习街舞与街头文化的组织之一。风格以poppin为主,涵盖了LOCKING、hiphop、jazz、c-walk、LA style、 breaking等舞种,为揭西河婆最大学校街舞社团,致力于揭西地区hiphop文化的推广。原名G-force ,于2010 正式更名为IMG ,意为I'm g-force 。G 是一种引力,靠着这股心引力让他们紧紧的团结在一起,不可动摇G 也是上帝,在那里每个人都是自己的上帝。G 是一种生活的态度,引导他们前进的方向。

要看在哪里操作哪个页面了a是frame页面在b中时 改变framesrcjs代码写在b中的话document.getElementById("对应的ID号").src="path/xxxx.htm" 这个可以a,c是frame页面在b中时 改变framesrcjs代码写在c中的话parent.document.getElementById("对...

楼主,你要的代码如下:

<script language=JavaScript>

var flag=false

function DrawImage(ImgD){

var image=new Image()

image.src=ImgD.src

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

flag=true

if(image.width/image.height>= 140/180){

if(image.width>140){

ImgD.width=140

ImgD.height=(image.height*140)/image.width

}else{

ImgD.width=image.width

ImgD.height=image.height

}

/*ImgD.alt=image.width+"×"+image.height*/

}

else{

if(image.height>180){

ImgD.height=180

ImgD.width=(image.width*180)/image.height

}else{

ImgD.width=image.width

ImgD.height=image.height

}

/*ImgD.alt=image.width+"×"+image.height*/

}

}

/*else{

ImgD.src=""

ImgD.alt=""

}*/

}

</script>

把以上这段代码加在<head></head>之间

然后在图片显示的时候,用这种方式:

<img src='xxx.gif' border=0 onload='javascript:DrawImage(this)'>(其中xxx.gif是你要显示的图片)

以上代码我过N次了。。你也可以修改其中的几个数字来达到图片按照你的要求显示(比如你觉得上面这段代码中的图片宽高缩小后还是大了点,你可以再调小一点。其中140与180,分别代表宽和高,你修改的时候一定要注意如果修改140为120,则180一定要修改为160,也就是说要修改就两个值都减去同一个值。总之这两个值相减要等于40..

具体参考网址:

以上网站我都采用了这种方法,很有效的让图片按照比例缩小而不会变形。像是做到了图片略缩图的效果一样,很不错哦。。。