導航:首頁 > 編程語言 > 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修改圖片路徑相關的資料

熱點內容
為什麼統計數據尺碼不出來 瀏覽:36
pdf文件沒有找到 瀏覽:273
蘋果5如何掃碼加入網路 瀏覽:903
換方向機為什麼要編程序 瀏覽:337
怎麼安裝蘋果app內購項目 瀏覽:404
蘋果下載描述文件點了沒有反應 瀏覽:671
linuxcurl頭文件 瀏覽:45
美區app如何取消訂閱 瀏覽:40
太原編程培訓機構哪些比較好 瀏覽:140
oppor9s如何看網路制式 瀏覽:386
蘋果手機怎麼打開微信視頻文件 瀏覽:136
linux打開的文件數量 瀏覽:546
小米5s如何降低版本 瀏覽:966
快走絲編程哪個軟體好 瀏覽:227
在線學習編程需要什麼條件 瀏覽:328
如何把照片弄成文件 瀏覽:607
windows找不到文件var 瀏覽:416
word怎麼打出公差 瀏覽:402
80網路 瀏覽:286
編程課主要學哪些東西 瀏覽:661

友情鏈接