1、分別寫一個onmouseover和onmouseout事件然后在事件里面加一個function，分別寫想要放大的尺寸和縮小或復原的尺寸具體代碼實現(xiàn)如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的圖片路徑quot style。

2、在testhtml文件內(nèi)，設置img標簽的id屬性，下面將通過此id來綁定點擊事件，例如，設置img標簽的id屬性為myimg在testhtml文件內(nèi)，在js標簽中，通過img標簽的id獲得對象，給該對象綁定click點擊事件，當圖片被點擊時，執(zhí)行fu。

3、1圖標用img標簽顯示，再img標簽點擊后，更改img的src屬性，改變圖標，將原來的空心換成紅心的圖片2圖標用css控制，設置backgroundimage顯示空心的背景圖片，這里圖片最好是png的，點擊后換成紅心的圖片無論哪種，注意。

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

5、先將CSS中的圖片B隱藏，再創(chuàng)建js，點擊A彈出圖片B，簡單點就是圖片A的onclick=“show”lthtmlltheadlttittlelttittleltscript type=quottextjavascriptquot language=quotjavascriptquot function show picB=documen。

6、那就看你獲取圖片ID的用途是什么了，比如是記錄點擊或者對該圖片進行處理，可以在click事件中執(zhí)行一個js函數(shù)，比如該函數(shù)是saveImageIdthisgetAttribute#39id#39，如果是你說的要保存下來，可以設一個全局的變量，比如下面。

7、第一種方法將三張大圖放在div里面，這三個div大小還有別的屬性都一樣，但是默認是隱藏的，display隱藏 displayblock顯示 然后點擊一張圖片，對應的大圖div顯示出來，點擊第二張，第一個大圖div隱藏，第二個。

8、鼠標點擊切換是必須使用js的，如果只是自動切換可以不用js，直接用css來實現(xiàn)，參考html5有關(guān)實例。

9、var ifori=1ilt29i++ 129 可任意修改，根據(jù)img的id值的范圍 documentgetElementByIdquotaquot+itoStringsrc=quotimagespot2pngquot。

10、lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltscript src=quotlatestjsquotltscript lthead ltbody ltinput type=quotbuttonquot。

11、quot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片，自己寫上ltimg src=quot圖片地址quotltdiv左側(cè)右側(cè)布局我沒給你寫，只寫了圖片文字切換功能。

12、網(wǎng)頁中插入點視頻開始顯示圖片，可以利用js代碼來實現(xiàn)點擊圖片顯示視頻具體代碼如下ltstylepicclearbothwidth410pxheight240px*圖片區(qū)域*pic imgwidth410pxheight240px*圖片寬度和高度，可自行修改*。

13、ltimg src=quot？quot onload=quotthissrc=#39圖片地址#39quot onerror=quotthissrc=#39圖片地址#39quot 如果想實現(xiàn)輪播而又想直接通過圖片來觸發(fā)事件，那么可以用下面兩種方法來實現(xiàn)1img標簽的src屬性事先不放實際存在的圖片網(wǎng)址。

14、方法有很多，看你想html代碼少點，還是js代碼少點我寫了一個，不是最好的，不過可以用ltdiv class=quotboxquot ltul ltli class=quotonquotltimg src=quot1jpgquot ltli ltli class=quothidequotltimg src=quot2jp。

15、用JavaScript實現(xiàn)圖片點擊放大再次點擊恢復代碼如下JavaScript一種直譯式腳本語言，是一種動態(tài)類型弱類型基于原型的語言，內(nèi)置支持類型它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是。