來(lái)自ImageSee官方 JavaScript圖片瀏覽器 原創(chuàng)
原創(chuàng) 更新時(shí)間:2008年01月16日 21:00:16 原創(chuàng) 作者:
來(lái)自ImageSee官方 JavaScript圖片瀏覽器
使用方法: 訪問(wèn)"imagesee.htm的網(wǎng)址+?pic=圖片的網(wǎng)址&page=該圖片相關(guān)網(wǎng)頁(yè)的網(wǎng)址" 即可,其中page參數(shù)可以忽略。
關(guān)于ImageSee:
ImageSee是開放源代碼的網(wǎng)頁(yè)圖片瀏覽器,由JavaScript寫成,是一個(gè)完全靜態(tài)網(wǎng)頁(yè)。同時(shí)支持IE Firefox Opera瀏覽器。
透過(guò)ImageSee,您可以方便的對(duì)網(wǎng)上的高清圖片(大圖片)進(jìn)行瀏覽,具備常規(guī)的圖片瀏覽所需要的全部主要功能:放大縮小、縮略圖、圖片鼠標(biāo)拖動(dòng)。
更多特色:
完全免費(fèi)開放使用,提供源代碼并允許按照您的需要自行修改頁(yè)面。
純JavaScript靜態(tài)頁(yè)面,完全不需要服務(wù)器支持asp/aspx/php等動(dòng)態(tài)腳本,因此適用非常廣泛,修改起來(lái)也很方便。
瀏覽者獲得更好的瀏覽圖片的感受,您可以額外定制一個(gè)頁(yè)面導(dǎo)航引導(dǎo)機(jī)會(huì)和一個(gè)廣告欄。
可以顯示任何位置的圖片,包括您的網(wǎng)站任何目錄和其他網(wǎng)站的圖片都可以顯示(沒有域的限制)。
如何使用:
1.下載壓縮包imagesee.rar,展開文件到您的目錄,根據(jù)您的需要替換loading.gif/welcome.jpg/err.jpg
2.修開ad.htm,在該文件中添加您的廣告代碼,或者在ad.htm第2行去掉注釋符號(hào)即可另廣告欄不顯示
3.把原本的簡(jiǎn)單圖片導(dǎo)航修改為類似 <a href="/imagesee/imagesee.htm?pic=sample1.jpg">sample1</a> 即可
* 如果不帶pic參數(shù)指定要瀏覽的圖片,則顯示welcome.jpg同時(shí)顯示helpPanel,如同瀏覽者點(diǎn)擊了右上角的“問(wèn)號(hào)按鈕”一樣。
* 如果要指定該圖片的相關(guān)網(wǎng)頁(yè),請(qǐng)使用page參數(shù)(例如&page=http://www.800123.cn/imagesee/),則點(diǎn)擊右上角的“相關(guān)網(wǎng)頁(yè)”按鈕將導(dǎo)航到該網(wǎng)頁(yè)。
* 應(yīng)用舉例:您可以把ImageSee上傳到您的網(wǎng)站,然后用動(dòng)態(tài)腳本生成圖片目錄時(shí)在鏈接指向ImageSee從而創(chuàng)建一個(gè)很專業(yè)的圖片瀏覽環(huán)境,ImageSee其實(shí)就是一個(gè)"網(wǎng)頁(yè)插件"。
* 其他:作為一個(gè)普通瀏覽者,其實(shí)您也可以直接訪問(wèn)ImageSee頁(yè)面,然后復(fù)制/粘貼您要看得圖片,這也會(huì)給您帶來(lái)不錯(cuò)的效果 try it now :)
JavaScript代碼:
ImageSee完全使用JavaScript實(shí)現(xiàn)全部功能,我盡量保持了每個(gè)子功能的獨(dú)立性和閱讀方便性(所以部分代碼可能看起來(lái)比較臃腫,
但我相信他們可以更好的被閱讀和摘取),您可以參考和摘取這些源代碼。我使用了大量的時(shí)間搜集和調(diào)試他們,希望能節(jié)約您的時(shí)間和精力。
官方下載
本地下載
關(guān)于ImageSee:
ImageSee是開放源代碼的網(wǎng)頁(yè)圖片瀏覽器,由JavaScript寫成,是一個(gè)完全靜態(tài)網(wǎng)頁(yè)。同時(shí)支持IE Firefox Opera瀏覽器。
透過(guò)ImageSee,您可以方便的對(duì)網(wǎng)上的高清圖片(大圖片)進(jìn)行瀏覽,具備常規(guī)的圖片瀏覽所需要的全部主要功能:放大縮小、縮略圖、圖片鼠標(biāo)拖動(dòng)。
更多特色:
完全免費(fèi)開放使用,提供源代碼并允許按照您的需要自行修改頁(yè)面。
純JavaScript靜態(tài)頁(yè)面,完全不需要服務(wù)器支持asp/aspx/php等動(dòng)態(tài)腳本,因此適用非常廣泛,修改起來(lái)也很方便。
瀏覽者獲得更好的瀏覽圖片的感受,您可以額外定制一個(gè)頁(yè)面導(dǎo)航引導(dǎo)機(jī)會(huì)和一個(gè)廣告欄。
可以顯示任何位置的圖片,包括您的網(wǎng)站任何目錄和其他網(wǎng)站的圖片都可以顯示(沒有域的限制)。
如何使用:
1.下載壓縮包imagesee.rar,展開文件到您的目錄,根據(jù)您的需要替換loading.gif/welcome.jpg/err.jpg
2.修開ad.htm,在該文件中添加您的廣告代碼,或者在ad.htm第2行去掉注釋符號(hào)即可另廣告欄不顯示
3.把原本的簡(jiǎn)單圖片導(dǎo)航修改為類似 <a href="/imagesee/imagesee.htm?pic=sample1.jpg">sample1</a> 即可
* 如果不帶pic參數(shù)指定要瀏覽的圖片,則顯示welcome.jpg同時(shí)顯示helpPanel,如同瀏覽者點(diǎn)擊了右上角的“問(wèn)號(hào)按鈕”一樣。
* 如果要指定該圖片的相關(guān)網(wǎng)頁(yè),請(qǐng)使用page參數(shù)(例如&page=http://www.800123.cn/imagesee/),則點(diǎn)擊右上角的“相關(guān)網(wǎng)頁(yè)”按鈕將導(dǎo)航到該網(wǎng)頁(yè)。
* 應(yīng)用舉例:您可以把ImageSee上傳到您的網(wǎng)站,然后用動(dòng)態(tài)腳本生成圖片目錄時(shí)在鏈接指向ImageSee從而創(chuàng)建一個(gè)很專業(yè)的圖片瀏覽環(huán)境,ImageSee其實(shí)就是一個(gè)"網(wǎng)頁(yè)插件"。
* 其他:作為一個(gè)普通瀏覽者,其實(shí)您也可以直接訪問(wèn)ImageSee頁(yè)面,然后復(fù)制/粘貼您要看得圖片,這也會(huì)給您帶來(lái)不錯(cuò)的效果 try it now :)
JavaScript代碼:
ImageSee完全使用JavaScript實(shí)現(xiàn)全部功能,我盡量保持了每個(gè)子功能的獨(dú)立性和閱讀方便性(所以部分代碼可能看起來(lái)比較臃腫,
但我相信他們可以更好的被閱讀和摘取),您可以參考和摘取這些源代碼。我使用了大量的時(shí)間搜集和調(diào)試他們,希望能節(jié)約您的時(shí)間和精力。
官方下載
本地下載
您可能感興趣的文章:
- JS預(yù)覽圖像將本地圖片顯示到瀏覽器上
- 來(lái)自國(guó)外的一款Js圖片瀏覽效果
- javascript IE7 瀏覽器本地圖片預(yù)覽
- 多瀏覽器兼容的qq圖片輪換效果javascript代碼
- js與自動(dòng)伸縮圖片 自動(dòng)縮小圖片的多瀏覽器兼容的方法總結(jié)
- javascript上傳圖片前預(yù)覽圖片兼容大多數(shù)瀏覽器
- 瀏覽器圖片選擇預(yù)覽、旋轉(zhuǎn)、批量上傳的JS代碼實(shí)現(xiàn)
- JavaScript 類似flash效果的立體圖片瀏覽器
- jb51站長(zhǎng)推薦的用js實(shí)現(xiàn)的多瀏覽器支持的圖片輪換展示效果ie,firefox
- JavaScript仿百度圖片瀏覽效果
相關(guān)文章
在頁(yè)面預(yù)覽客戶端本地圖片的js代碼(兼容FF IE)
IE為了安全是不允許頁(yè)面預(yù)覽客戶端本地圖片的,也就是img元素的SRC是相對(duì)路徑 不可能是絕對(duì)路徑的 為了達(dá)成這一需求 需要使用濾鏡2012-05-05感應(yīng)鼠標(biāo)的圖片遮罩動(dòng)畫效果
感應(yīng)鼠標(biāo)的圖片遮罩動(dòng)畫效果,鼠標(biāo)放上后會(huì)動(dòng)畫顯示文字提示,有意思哦,有興趣的朋友運(yùn)行一下看效果。2010-10-10js實(shí)現(xiàn)圖片等比縮略顯示 支持IE/FF
js實(shí)現(xiàn)圖片等比縮略顯示 支持IE/FF...2007-02-02JavaScript判斷圖片是否能夠加載,失敗則替換默認(rèn)圖片
JavaScript智能判斷圖片是否能夠正確加載,若加載失敗則用默認(rèn)圖片替換,這是個(gè)比較實(shí)用的功能,不少網(wǎng)站都可見到這種功能.2010-10-10符合web標(biāo)準(zhǔn)的連續(xù)滾動(dòng)圖像的js代碼
符合web標(biāo)準(zhǔn)的連續(xù)滾動(dòng)圖像的js代碼...2007-02-02