導航:首頁 > 編程語言 > javascript修改圖片路徑

javascript修改圖片路徑

發布時間:2025-06-11 01:17:03

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

綜合以上兩點原因,希望能幫助你修正錯誤。如以上代碼不能解決你的問題,歡迎追問。

2. 怎麼在html的<img src="">中調用js的函數或者js變數來指定圖片路徑

<img src="?" onload="this.src='圖片地址';" onerror="this.src='圖片地址';" />

如果想實現輪播而又想直接通過圖片來觸發事件,那麼可以用下面回兩種方法答來實現:

1、img標簽的src屬性事先不放實際存在的圖片網址,則網頁顯示後會觸發img的onerror事件,那麼
<img src="?" id=img1 onerror="nextpic();" />
2、img標簽的src屬性事先放入實際存在的圖片網址,則網頁顯示後會觸發img的onload事件,那麼
<img src="123.gif" id=img1 onload="nextpic();" />

3. 用javascript修改圖片img的src值,在線等,下面是代碼,把img src里的_ok去掉,忘高手寫個方法

這個問題就很多了 第一個你這個腳本是什麼時候載入的 是不是執行到了 你最好回alert一下big3

另外你要改答的是big3.src 最好這樣寫var big3=document.getElementById('big');big3.scr=big3.src.replace('_ok','');

4. jquery或者js怎麼改變路徑!

js改變圖片路徑:

HTML代碼:
<imgid="tu"src="images/bg1.jpg"/>
<buttonid="btnChange"value="換圖"onclick="changeImg();"/>
js代碼:
<scripttype="text/javascript">
functionchangeImg(){
//取出圖片控制項
varimg=document.getElementById("tu");
//改變其src屬性的值
img.src="images/bg2.jpg";
}
</script>

jQuery改變圖片路徑:

HTML代碼:
<imgid="tu"src="images/bg1.jpg"/>
<buttonid="btnChange"value="換圖"/>
js代碼:
<scripttype="text/javascript"src="js/jquery.1.8.3.min.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
//按鈕點擊事件
$("#btnChange").click(function(){
$("#tu").attr("src","images/bg2.jpg");
//或者
$("#tu").prop("src","images/bg3.jpg");
});
});
</script>
閱讀全文

與javascript修改圖片路徑相關的資料

熱點內容
網路中常用的傳輸介質 瀏覽:518
文件如何使用 瀏覽:322
同步推密碼找回 瀏覽:865
樂高怎麼才能用電腦編程序 瀏覽:65
本機qq文件為什麼找不到 瀏覽:264
安卓qq空間免升級 瀏覽:490
linux如何刪除模塊驅動程序 瀏覽:193
at89c51c程序 瀏覽:329
怎麼創建word大綱文件 瀏覽:622
裊裊朗誦文件生成器 瀏覽:626
1054件文件是多少gb 瀏覽:371
高州禁養區內能養豬多少頭的文件 瀏覽:927
win8ico文件 瀏覽:949
仁和數控怎麼編程 瀏覽:381
項目文件夾圖片 瀏覽:87
怎麼在東芝電視安裝app 瀏覽:954
plc顯示數字怎麼編程 瀏覽:439
如何辨別假網站 瀏覽:711
寬頻用別人的賬號密碼 瀏覽:556
新app如何佔有市場 瀏覽:42

友情鏈接