那就看你獲取圖片ID的用途是什么了，比如是記錄點(diǎn)擊或者對(duì)該圖片進(jìn)行處理，可以在click事件中執(zhí)行一個(gè)js函數(shù)，比如該函數(shù)是saveImageIdthisgetAttribute#39id#39，如果是你說(shuō)的要保存下來(lái)，可以設(shè)一個(gè)全局的變量，比如下面；ltimg id=#39img1#39 onclick=#39change#39ltimgltscript type=quottextjavascriptquot var imgs=#391jpg#39，#392png#39，#393gif#39，#394jpg#39，#395png#39 var cur=0 var img=documentgetElementById#39img1#39。

這里用到的是Jquery選擇器，用documentgetElementByIdid函數(shù)也可以做到 thissrc我不確定對(duì)不對(duì)，反正是取當(dāng)前對(duì)象的src屬性 quot#largePhotoViewquotattrquotsrcquot，thissrc 然后點(diǎn)擊對(duì)應(yīng)的小圖就可以了；如何實(shí)現(xiàn)點(diǎn)擊圖片跳轉(zhuǎn)頁(yè)面1新建一個(gè)html文件，命名為testhtml2在testhtml文件內(nèi)，引入庫(kù)文件，成功加載該文件，才能使用jquery中的方法3在testhtml文件內(nèi)，創(chuàng)建一個(gè)p模塊，在p內(nèi)，使用img標(biāo)簽創(chuàng)建一張。

lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquotlthtmlltheadltmeta；h5代碼ltdiv id=“wrap”ltul id=“l(fā)ist”ltli10ltliltli9ltliltli8ltliltli7ltliltli6ltliltli5ltliltli4ltliltli3ltliltli2ltliltli1ltulltdiv css代碼ltstyle。

1建立一個(gè)靜態(tài)頁(yè)命名為changehtml ，標(biāo)題為js導(dǎo)航點(diǎn)擊的怎么同時(shí)變圖片跟字體顏色2設(shè)置一個(gè)簡(jiǎn)易的導(dǎo)航欄3加css 控制菜單的樣式，并加入背景圖片4為li添加id，創(chuàng)建函數(shù)fun ，并傳遞傳遞參數(shù)5為函數(shù)加入。

html中點(diǎn)擊圖片換成其他圖片

思路可以使用css sprite方法，將一副圖片分割成兩半，然后拼接成一幅圖片這樣看起來(lái)是一幅，其實(shí)是兩幅，給其定義不同的事件，基本上能達(dá)到你要求的結(jié)果。

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

圖片上加點(diǎn)擊事件，事件觸發(fā)后用ajax從后臺(tái)獲取一條新的圖片路徑和信息，分別放到圖片和狀態(tài)欄就好了。

1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml，填寫(xiě)問(wèn)題基礎(chǔ)代碼2在indexhtml中的ltscript標(biāo)簽，輸入js代碼$#39img#39attr#39src#39， #39png#393瀏覽器。

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

#8194lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot lttitleDocumentlttitle ltstyle html。

1HTML結(jié)構(gòu) ltimg src=quot1pngquot id=quottestquot2javascript代碼 function changenifn5 n=1 一共5張圖片，所以循環(huán)替換documentgetElementByIdquottestquotsetAttributequotsrcquot， n+quotpngquotn++setTime。

html點(diǎn)擊圖片切換另一張圖片

1、Dreamweaver中可以自動(dòng)設(shè)置的 工具欄中 “插入”“圖片對(duì)象”“鼠標(biāo)經(jīng)過(guò)圖片”如果是用CSS實(shí)現(xiàn)的話，可以在需要設(shè)置動(dòng)態(tài)效果的標(biāo)簽中使用偽類hover 具體怎么用，就看你對(duì)CSS的掌握程度了PS該方法不適用于IE6，其他的。

2、javascript點(diǎn)擊圖片實(shí)現(xiàn)鏈接到其他頁(yè)面需要新建一個(gè)html文件，命名為testhtml，用于講解jquery如何實(shí)現(xiàn)點(diǎn)擊圖片后跳轉(zhuǎn)到另外一個(gè)頁(yè)面在testhtml文件內(nèi)，引入庫(kù)文件，成功加載該文件，才能使用jquery中的方法在。

3、lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitle動(dòng)態(tài)切換圖片lttitle lthead ltstyle ul padding0margin0 li liststyle pic position relativewidth 400pxheight。

4、quotimgjstyledisplay=quotquotthisclassName=quotactivequotimgthisindexstyledisplay=quotblockquotltscriptltbodylthtml做了一個(gè)簡(jiǎn)單圖片切換的效果，布局自己寫(xiě)，懶得寫(xiě)布局了價(jià)格同理，自己練習(xí)吧。