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