❶ js寫的焦點圖片切換,怎麼能讓圖片從資料庫中動態獲取路徑進行顯示。而不靠更改網頁的代碼進行增減圖片
通過伺服器端程序輸出給JS就行了,如 <script type="text/javascript">
var image=[];
<% response.write("image[" & 0 & "]='" & 這里從資料庫讀出來的圖內片 & "'")
response.write("image[" & 1 & "]='" & 這里從資料庫讀出來的圖片 & "'")
%>
</script>
這樣就把你的容內容輸出到JS這邊了。資料庫是啥 這邊就是啥。
❷ 怎麼用js實現動態插入圖片
你根據 值的不同 用js動態更改 img標簽的src屬性值就可以了啊
❸ 怎樣用js代碼引入本地圖片的路徑
1、本地的圖片?HTML只能來連接網站內自的圖片,即使在本地,也需要先將圖片拷貝到網站內。
2、網頁中引用js文件,象你這樣如果用到圖片路徑等時,要注意的是這個路徑如果用相對路徑表示的話,是網頁與圖片之間的相對路徑,而不是js文件與圖片之間的相對路徑。如果有多個不同的目錄中的網頁文件需要引用一個這樣的js文件的話,最好的解決辦法是用絕對路徑。也就是改成:
imgUrl1=("/images/0.gif")
imgtext1="1111"
imgLink1=escape("/XX.html");
imgUrl2=("/images/00.gif");
imgtext2="222"
imgLink2=escape("/XXX.html");
❹ js中動態添加的Input file 控制項,我怎麼獲取到它上傳的圖片呢請教各位大神!
方法一復:你可以把你制上傳的圖片,放到資料庫中的某個表中,然後,你查詢表獲得;
方法二:你上傳圖片成功以後,返回jsp 一個上傳圖片放置的路徑,你把這個路徑setValue到
<input id="tee" type="hidden"/>
通過$("#tee").val()獲得路徑,通過ajax,在後台通過url獲得圖片;
❺ 用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如何在文本框後面加圖片
使用背景屬性
使用Background屬性在Html文檔中添加背景圖片。按照以下步驟,我們可以輕松實現。
步驟1:我們在文本編輯器中鍵入HTML代碼,或者用文本編輯器打開現有的HTML文件。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>奔月教程(runoon.com)</title>
</head>
<body>
<h1>使用Background屬性添加背景圖片</h1>
</body>
</html>
步驟2:將游標移動到HTML文檔中<body>的開始標簽內,輸入背景屬性,如下所示:
<body background=" ">
步驟3:輸入要添加的圖片的路徑,如果圖片存儲在與HTML文件同一目錄中,請輸入以下路徑:
<body background="image.jpg">
如果我們的圖像存儲在任何其他目錄中,則輸入該圖像的正確路徑。如下所示:
<body background="/home/images/image.jpg">
如果我們的圖片在互聯網上,那麼我們也可以使用URL添加圖片,如下所示:
<body background="https://www.runoon.com/img/background7.jpg">
如果圖像小於頁面,圖像會進行重復。
步驟4:最後,在文本編輯器中保存HTML文件或HTML代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>奔月教程(runoon.com)</title>
</head>
<body background="/img/background7.jpg">
<h1>使用Background屬性添加背景圖片</h1>
</body>
</html>
效果展示:
圖片
點擊下方「閱讀原文」可親試效果
使用內部樣式表
使用內部CSS在Html文檔中添加背景圖片,按照以下步驟可以輕松完成:
步驟1:我們在文本編輯器中輸入HTML代碼,或者用文本編輯器打開現有的HTML文件。
步驟2:在Html文檔中的head標簽內,定義<style>標簽的開始和結束標簽,如以下塊所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>奔月教程(runoon.com)</title></head>
<script>
//此處輸入樣式代碼.........
</script>
<body>
<h1>使用CSS樣式表添加背景圖片</h1></body>
</html>
步驟3:在樣式標簽中輸入元素代碼,如以下所示,在<script>標簽內輸入background-image屬性:
body { background-image:url('/img/background7.jpg'); }
步驟4:最後,保存文本編輯器中的代碼並運行該代碼。執行後,我們可以看到html文檔中指定的圖像作為網頁的背景。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>奔月教程(runoon.com)</title></head>
<style>
body { background-image:url('/img/background7.jpg'); }
</style>
<body>
<h1>使用CSS樣式表添加背景圖片</h1>
</body>
</html>
效果展示:
❼ asp.net js動態載入圖片,載入的圖片多了就顯示不出來了。
紅XX應該是圖片這個對象獲取不到。在傳輸出問題。然後縮小范圍。只能慢慢查了。祝樓主好運哦
❽ 怎樣用js改變圖片路徑
先給圖片標簽<img>賦個ID如<img
id="s"/>
然後在JS里寫document.getElementById("s").src=圖片路徑就可以了
❾ 怎麼在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();" />
❿ 用js實現動態改變子元素img路徑
你可以把那個<img id="1">
然後 document.getEelmentById(1).src="你要的路徑"