做項(xiàng)目的時(shí)候客戶總是比較關(guān)心前臺(tái)界面，這不最近又遇到一個(gè)難纏的客戶。要求在前臺(tái)的縮略圖點(diǎn)開后查看高分辨率的圖片，并且最好能像ACDSEE那樣方便瀏覽，支持拖動(dòng)、按比例放大縮小。

     這樣的效果記得在SINA的某個(gè)欄目看到過，影響中好像是FLASH做的，我很多年沒碰過FLASH了，對(duì)現(xiàn)在的ACTION腳本不是很熟悉，于是想到結(jié)合JQUERY來實(shí)現(xiàn)，JQUERY的ThickBox支持圖片瀏覽但不是客戶要的效果，在GOOGLE搜索了半天沒找到一個(gè)好用的JS代碼，只好自己來寫了。

     先看效果（點(diǎn)下面的圖片和連接即可）

同樣支持文字連接

       支持 IE 7+、FireFox 1.5+ (PC, Mac)、Safari2+、Opera9+、Chrome0.3+

　　 我測(cè)試了一下應(yīng)該在 谷歌瀏覽器、IE7、FIREFOX3.0 下都能看到效果的，呵。。

　　 為了給大家展示這個(gè)效果可費(fèi)了我不少時(shí)間，主要是這個(gè)博客不支持在內(nèi)容里定義CSS樣式文件。

       而且CNBLOGS后臺(tái)編輯對(duì) Chrome 支持不是很好，只好開N個(gè)瀏覽器來回折騰~~

　　 看不到效果的只好看下面這張圖了：

 相關(guān)文件（文章最后的附件中都有這些文件）： 

------------------------------------------------------------------------------------------------　　      imagesview.css　　 --樣式文件

　　 imagesview.js　　 --ImageView JS文件　

　　 toolsico.gif　　 　　 --按鈕圖標(biāo)

　　 loadingAnimation.gif　 --加載動(dòng)畫

　　 jquery.js　　 　　 --JQUERY腳本庫，請(qǐng)使用jQuery 1.2.6 以上版，否則拖動(dòng)有點(diǎn)問題

　　 使用方法：

-----------------------------------------------------------------------------------------

　　 頁面頭部引用 imagesview.css、imagesview.js、jquery.js即可（兩個(gè)GIF圖片文件和CSS文件放在同一目錄）

　　 圖片連接： 

　　 文字連接：同樣支持文字連接

　　 其中 class="imagesview"  是必須的，title="。。"  這里是標(biāo)題，可以不定義。

　　 所有相關(guān)文件附件中提供下載：

       附件： jquery.imagesview.rar

it知識(shí)庫：寫了一個(gè)jQuery.imagesview插件，支持圖片拖動(dòng)、縮放類似ACDSEE效果，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。