inx = $thisindexvar Imgsrc = $#39tab#39find#39img#39eqinxattr#39src#39#39show#39find#39img#39attr#39src#39，Imgsrcltscript lthtml 引一個(gè)jquery文件，圖片地址替換一下就可以了；lthtml lthead lttitle圖片放大lttitle ltscript type=quottextjavascriptquot function zoomIn 此處點(diǎn)擊圖片時(shí)會(huì)將圖片放大到原來(lái)的三倍大小，重復(fù)點(diǎn)擊一直放大 var imgNode = documentgetElementByIdquotimagequotvar；1直接添加寬高屬性ltimg src=quotquot width=quot200quot height=quot200quot 2在樣式表中定義img height200pxwidth200px 這樣的弊端是如果圖片比例不等就會(huì)出現(xiàn)圖片拉伸，要么改圖片或限制圖片最大寬高度，后者建議；你可以使用layerjs，layerphotos這個(gè)是網(wǎng)址，有最新版本，你可以使用最新版本的 效果大概如下；還是沒(méi)有太明白你的意思，希望我的回答能幫助你1你可以用JS改變那張圖片的SRC路徑如documentgetelementbyidquotidquotsrc=quotquot當(dāng)然路徑里可以帶上圖看的高和寬這樣來(lái)改變你的圖片2就是像你說(shuō)的；html5頁(yè)面加入這段 ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1，minimumscale=1，maximumscale=2，userscalable=noquot maximumscale=2 表示頁(yè)面最大放大2倍，這樣你只要雙擊圖片就可以實(shí)現(xiàn)放大；單擊圖片就放大的做法打開(kāi)自定義動(dòng)畫(huà)面板點(diǎn)擊圖片添加效果強(qiáng)調(diào)放大打開(kāi)計(jì)時(shí)面板觸發(fā)器單擊下列動(dòng)畫(huà)啟動(dòng)效果選擇圖片名稱移動(dòng)到圖片鼠標(biāo)懸浮就放大的做法1如果有四張圖片，需要設(shè)置5頁(yè)P(yáng)PT。

制作圖片的放大效果我考慮到的方法是將原始圖片繪制到canvas上，然后在對(duì)canvas進(jìn)行局部裁剪最后對(duì)裁剪的部分進(jìn)行放大，這樣就可以實(shí)現(xiàn)放大鏡的效果這里我給出一個(gè)實(shí)現(xiàn)這個(gè)想法的示例該示例實(shí)際上就是運(yùn)用HTML5 canvas中對(duì)；所以直接說(shuō)思路吧onlick函數(shù)里面判斷一下點(diǎn)擊狀態(tài)就行了方法1用一個(gè)變量來(lái)存，clicktime = 0，還沒(méi)點(diǎn)擊，clicktime =1 點(diǎn)了一次，clicktime =2 點(diǎn)了兩次，所以通過(guò)clicktime 的值來(lái)判斷圖片應(yīng)該放大還是關(guān)閉方法2。

lthtml lthead lthead ltbody lta href=quot新建htmlhtmlquot target=quot_selfquotltimg src=quot圖片名稱jpgquot width=quot100pxquot height=quot100pxquotlta 再新建一個(gè)html，顯示點(diǎn)擊后的效果頁(yè)面ltbody lthtml；富文本編輯器中需支持圖片點(diǎn)擊放大功能，也可用這種方式實(shí)現(xiàn) 原效果點(diǎn)擊放大后的效果；你是要放大鏡效果吧，找JQ放大鏡效果，然后加到你的網(wǎng)頁(yè)中調(diào)用就可以了；3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功將矩形圖片只顯示了正方形部分4點(diǎn)擊小圖后，成功顯示了大圖；分別寫(xiě)一個(gè)onmouseover和onmouseout事件然后在事件里面加一個(gè)function，分別寫(xiě)想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實(shí)現(xiàn)如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的圖片路徑quot style；用JavaScript實(shí)現(xiàn)圖片點(diǎn)擊放大再次點(diǎn)擊恢復(fù)代碼如下知識(shí)拓展JavaScript 是目前所有主流瀏覽器上唯一支持的腳本語(yǔ)言，這也是早期JavaScript的唯一用途其主要作用是在不與服務(wù)器交互的情況下修改HTML頁(yè)面內(nèi)容，因此其最關(guān)鍵的部分。

圖片放大可以用和這個(gè)方法，圖片放大后不會(huì)失真 第一步，添加需要放大的圖片 第二步，批量添加，如果多余可以刪除 第三步，可以選擇風(fēng)格，降噪程度 第四步，選擇放大倍數(shù) 第五步，自定義輸出位置 第六步，設(shè)置完成后點(diǎn)擊。