❶ 用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');
}
});