用js动态得到<img>的src地址遇到的问题

用js动态得到<img>的src地址遇到的问题,第1张

file:\\表示本地文件

ftp:\\表示远程传输文件

http:\\表示超文本链接

以上都是协议,应该是底层自动添加的。如果需要可以用js的截取字符串的相关函数(substr,indexOf等)处理一下。如:

var str="Hello world!"

document.write(str.substr(3,7))

document.write(str.indexOf("d"))

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 是一种生活的态度,引导他们前进的方向。

楼主,你要的代码如下:

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

具体参考网址:

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


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11755300.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存