我給你一個地址，菜鳥教程Javascript這兒有圖片彈窗的實例。

以下幾種情況引起的1圖片路徑錯誤檢查你插入圖片的路徑是否正確，特別是針對移動端設(shè)備，路徑大小寫斜杠方向等都需要注意2響應(yīng)式設(shè)計問題移動端設(shè)備通常需要使用響應(yīng)式設(shè)計，確保你的網(wǎng)頁使用了適應(yīng)移動端設(shè)備的CS。

2您的網(wǎng)頁上清緩存，在網(wǎng)頁上選擇工具Interner選項刪除Cookies和刪除文件，然后再確定3請您點擊IE瀏覽器中的“工具”，選擇“internet選項”，進入“安全”頁面，點擊“自定義級別”，bb 將您的安全設(shè)置設(shè)。

= quotquot = quotquot沒明白你的意思我想的是打開頁面的時候就是一個彈窗狀態(tài)，當我點擊關(guān)閉后彈窗圖片消失我中間的白色“找不到服務(wù)器”是圖片。

最好用插件，去layer官網(wǎng)有專門的點擊圖片，彈出瀏覽還支持多個圖片先去官網(wǎng)下載layer包，你的網(wǎng)頁引用layer的js文件地址網(wǎng)頁鏈接 點擊相冊層 然后js代碼調(diào)用示例 layerreadyfunction 為了加載。

使用純CSS即可實現(xiàn)全部效果，代碼也很簡單原理hover觸發(fā)CSS臨近選擇器 所需工具DW用來給圖片畫熱區(qū)，PS算出彈出層的top和left偏移值我在Demo里畫了三個熱區(qū)位置如下圖，你用鼠標懸停到上面即可看到效果。

===測試可運行，里面具體內(nèi)容自己添加ltinput type=quotbuttonquot value=quot點擊這里quot onclick=quotsAlert#39測試效果還可以直接書寫HTML代碼 #169 2006#39quot function sAlertstr var msgw，msgh，bordercolor。

lastScrollY=lastScrollY+percentalertlastScrollY windowsetIntervalquotheartBeatquot，1 圖片高度和寬度用數(shù)字代替即可，層的寬度和高度可自定義 將如上代碼加入到網(wǎng)頁的前即可。

這個與你的瀏覽器有關(guān)，有的瀏覽器不支持顯示這些圖片，所以就顯示出一些事先寫好的文字，你可以換個不同的瀏覽器試試。

myNum=rand3 改成你要隨機顯示的圖片數(shù)ifmyNum == 1 documentwritequotquot 圖片路徑，可用。

20160313 html中的圖片在設(shè)計中可以顯示，但在網(wǎng)頁里卻不顯示，為什么 20120927 我用記事本編寫HTML代碼，插入圖片，可是用瀏覽器打開后就是 2 20091004 網(wǎng)頁制作中 怎么實現(xiàn)有圖片顯示，無圖片不顯示回答代碼請用P。

scrollbars=yes，resizable=no，#39quot 其中 left=200 是彈出的窗口距離 屏幕左側(cè)的邊距，后面的以次類推height=500 是彈出頁的高度status=no 是不顯示頁面狀態(tài)欄的信息，等與yes 是顯示。

function openDialogA windowopen quottesthtmquot，#39#39，#39resizable=yes，width=100，height=100，scrollbars=yes，status=yes，screenX=100，screenY=100， top=10，left=10#39。

lt a 重點在target=quot_blank已新窗口的方式打開 #號改成你要連接的地址就行 在鏈接中增加target屬性并將值設(shè)成_blank，這樣就可以在新的窗口打開頁面了，沒有這個屬性則在原窗口打開代碼如下。

可以把圖片放在div里面，設(shè)置好位置，并且隱藏，然后利用js，當點擊文字的時候，顯示這個div，這張圖片就出來了。