❶ 用javascrip怎么更改img的src属性!
<%=request.getContextPath()%>/路径
❷ 怎样用JS动态的改变img标签里面的src属性实现图片的循环切换。
同意1楼的写法。二楼写的代码有个明显的问题就是img标签起初src赋值成空,最好别那么做。
❸ javascript怎么动态更改img标签的src属性
我编写下面的脚本,鼠标移动上去图片就变,鼠标点击也变,你有多少图片都放在img_list语句后面就可以,我的文件夹下面有两个图片,在IE6上测试通过了的,其它浏览器应该没用问题:
<HTML>
<HEAD>
<script type=text/javascript>
var img_idx=0;
var img_list=new Array("手机471.jpg","手机469.jpg");
function next_img(){
img_idx++;
img_idx%=img_list.length;
return img_list[img_idx];
}
</script>
</HEAD>
<BODY>
<img src="手机471.jpg" onmouseover="this.src=next_img();" onclick="this.src=next_img();"/>
</BODY>
</HTML>
❹ JS怎么更换img中src路径
你好
1、我写了一段示例代码,试过了可以用,你可以参考一下用法:
<imgid="pic"src=""/>
<script>
document.getElementById('pic').src="XXXXXXX";
</script>
2、你的代码中还有个错误,你函数中的字符串连接用的是 & 运算符,这是错误的,& 这个运算符表示的是“按位与”操作。在JS中,应当使用 + 运算符来连接字符串。例如:
<script>
sr1="yuanjian/"&did&"-g.png";//错误
sr1="yuanjian/"+did+"-g.png";//正确
</script>
综合以上两点原因,希望能帮助你修正错误。如以上代码不能解决你的问题,欢迎追问。
❺ jquery如何改变替换这个图片src的地址
<!DOCTYPEHTML>
<html>
<head>
<title>yugi</title>
<metacharset=UTF-8/>
<styletype="text/css">
</style>
<scripttype="text/javascript"src="jquery-1.8.0.min.js"></script>
<scripttype="text/javascript">
jQuery(function($)
{
$("#pic:firstimg").attr("src","images/newimages/noimage.jpg");
});
</script>
</head>
<body>
<divid="pic">
<imgsrc="/images/newimages/"width="120"height="90"alt=""/>
</div>
<divid="pic">
<imgsrc="/images/newimages/1.jpg"width="120"height="90"alt=""/>
</div>
</body>
</html>
❻ jquery怎样实现点击更换img的src
最直接的办法,就是把img那里写成背景,
如:<i class="aaa" style="background:url(1.png)"></i>
背景写在样式表里面,没点击的时候,class名字是aaa,点击的外面a标签改变这个i标签的class名字,比如是bbb,这个时候在样式表里面写一个bbb的背景
❼ 如何用js控制img中src图片路径改变
代码懒得给你写了,给你个思路,就是当下面小图的onmouseover事件触发时,将小图的SRC复制到上面的DIV的img的SRC中,同时给上面的大图的宽度和高度设置好,如果你的小图和大图是两张图片那么最好有个对应规则根据对应规则设置上面的大图路径
❽ 用jQuery插件如何改变img src的值
/*在实际开发中,我们一般不使用jquery来改变img的src属性,这种方法是不可取的。
//你可以先设置好一个CSS样式,然后用jq的addclass方法来动态的给dom节点添加一个class来覆盖原来的class达到修改图片的样式*/
//例如:
//你先设置一个CSS
a.on{
background: url(../images/a/png);
}
//然后用jquery动态添加一个CSS样式来覆盖原来的样式
$('#a').click(function(){
$(this).addClass('on');
}
});