『壹』 怎麼修改js的圖片路徑(想把JS效果里的圖片換成自己的)
很遺憾,您提供的鏈接,裡面不是JS,就是一個FLASH。
所以圖片不能換,只能自己仿照那個效果做一段JS了。
PS:如果可以的話,您也可以反編譯該FLASH,修改後重新編譯。
『貳』 如何通過jS修改圖片路徑來定時更換圖片{輪播特效}
用js來修改圖片路徑實現輪播是不太可取的一種辦法,通常的做法是:
把需要輪播的圖片全部羅列出來,用js控制輪流顯示第幾張圖片,
EX:
html代碼:
<div id="lunbo">
<div id="img1" class="img"><img src="**"></div>
<div id="img2" class="img"><img src="**"></div>
<div id="img3" class="img"><img src="**"></div>
</div>
css代碼:
#lunbo{width:100%;height:300px;position:relative;zoom:1;overflow:hidden}
#lunbo div{width:100%;height:100%;position:absolute;left:0;top:0;display:none}
#lunbo div:first-child{display:block}
img{width:100%;height:100%;border:0;display:block}
js代碼:
<script type="text/javascript">
var t=0;
setInterval(function(){
t++;
if(t>2)t=0;
document.querySelector(".img").style.display="none";
document.querySelector("#img"+t.toString()).style.display="block";
},5000);
</script>
『叄』 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>
綜合以上兩點原因,希望能幫助你修正錯誤。如以上代碼不能解決你的問題,歡迎追問。
『肆』 如何用js控制img中src圖片路徑改變
<!--這個是我剛剛做的,可以哦-->
<html>
<head>
<title>TestImgHtml</title>
<script>
function changeImg(url)
{
var bigimg = document.getElementById("myimg");
bigimg.src=url;
}
function changeBack()
{
var bigimg = document.getElementById("myimg");
bigimg.src="";
}
</script>
</head>
<body>
<div><img id="myimg" src="" alter="此處為內大圖片容" width="500" height="500"></div>
<div>
<img src="1.gif" onmouseover="changeImg(this.src)" onmouseout="changeBack()">
<img src="2.gif" onmouseover="changeImg(this.src)" onmouseout="changeBack()">
</div>
</body>
</html>
『伍』 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>
『陸』 用JS批量改變圖片的路徑
var html = '<div class="main">文字文字文字<img src="/upload/123.jpg" /></div>';
var reg = /(<div[^>]*class[=\"\']+main[\"\']?[^>]*>(?:(?!<img)[\s\S])*<img[^>]*src[=\"\']+)(\/upload[^\"\']*[\"\']?[^>]*>(?:(?!<\/div>)[\s\S])*<\/div>)/gi;
html = html.replace(reg, "$1http://www.abc.com$2");
console.log(html);
『柒』 怎樣用js改變圖片路徑
先給圖片標簽<img>賦個ID如<img
id="s"/>
然後在JS里寫document.getElementById("s").src=圖片路徑就可以了
『捌』 怎樣用js改變圖片路徑
先給圖片標簽<img>賦個ID如<img id="s"/>
然後在JS里寫document.getElementById("s").src=圖片路徑就可以了