來自ImageSee官方 JavaScript圖片瀏覽器 原創

來源:互聯網
上載者:User

使用方法: 訪問"imagesee.htm的網址+?pic=圖片的網址&page=該圖片相關網頁的網址" 即可,其中page參數可以忽略。
關於ImageSee:
ImageSee是開放原始碼的網頁圖片瀏覽器,由JavaScript寫成,是一個完全靜態網頁。同時支援IE Firefox Opera瀏覽器。

透過ImageSee,您可以方便的對網上的高清圖片(大圖片)進行瀏覽,具備常規的圖片瀏覽所需要的全部主要功能:放大縮小、縮圖、圖片滑鼠拖動。

更多特色:
完全免費開放使用,提供原始碼並允許按照您的需要自行修改頁面。

純JavaScript靜態頁面,完全不需要伺服器支援asp/aspx/php等動態指令碼,因此適用非常廣泛,修改起來也很方便。

瀏覽者獲得更好的瀏覽圖片的感受,您可以額外定製一個頁面導航引導機會和一個廣告欄。

可以顯示任何位置的圖片,包括您的網站任何目錄和其他網站的圖片都可以顯示(沒有域的限制)。

如何使用:
1.下載壓縮包imagesee.rar,展開檔案到您的目錄,根據您的需要替換loading.gif/welcome.jpg/err.jpg

2.修開ad.htm,在該檔案中添加您的廣告代碼,或者在ad.htm第2行去掉注釋符號即可另廣告欄不顯示

3.把原本的簡單圖片導航修改為類似 <a href="/imagesee/imagesee.htm?pic=sample1.jpg">sample1</a> 即可

* 如果不帶pic參數指定要瀏覽的圖片,則顯示welcome.jpg同時顯示helpPanel,如同瀏覽者點擊了右上方的“問號按鈕”一樣。

* 如果要指定該圖片的相關網頁,請使用page參數(例如&page=http://www.800123.cn/imagesee/),則點擊右上方的“相關網頁”按鈕將導航到該網頁。

* 應用舉例:您可以把ImageSee上傳到您的網站,然後用動態指令碼產生圖片目錄時在連結指向ImageSee從而建立一個很專業的圖片瀏覽環境,ImageSee其實就是一個"網頁外掛程式"。

* 其他:作為一個普通瀏覽者,其實您也可以直接存取ImageSee頁面,然後複製/粘貼您要看得圖片,這也會給您帶來不錯的效果 try it now

JavaScript代碼:
ImageSee完全使用JavaScript實現全部功能,我盡量保持了每個子功能的獨立性和閱讀方便性(所以部分代碼可能看起來比較臃腫,

但我相信他們可以更好的被閱讀和摘取),您可以參考和摘取這些原始碼。我使用了大量的時間搜集和調試他們,希望能節約您的時間和精力。
官方下載
本地下載

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.