專利名稱：圖片放大方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種圖片放大方法，尤其涉及一種從服務(wù)器獲取圖片進(jìn)行放大的方法。
背景技術(shù)：
在目前的互聯(lián)網(wǎng)應(yīng)用環(huán)境下，特別是在Web應(yīng)用的環(huán)境下，很多資源是從網(wǎng)絡(luò)服 務(wù)器上下載，然后在個(gè)人終端(客戶端)上進(jìn)行瀏覽的。現(xiàn)行的用戶比較喜歡將圖片或者照片上傳到網(wǎng)絡(luò)服務(wù)器進(jìn)行保存，在需要的時(shí) 候，通過個(gè)人終端進(jìn)行瀏覽或分享。而在分享照片的時(shí)候，通常會(huì)使用一種放大鏡的功能， 所謂放大鏡，就是通過在小照片上移動(dòng)一個(gè)選擇框(通常較小)，同時(shí)在一個(gè)放大框(通常 較大)中同步顯示被放大的選擇框內(nèi)的內(nèi)容，用來查看細(xì)節(jié)。實(shí)際上，所謂放大，并沒有真 正放大，只是將原本的圖片進(jìn)行縮小(小圖)，原圖相對來說就是大圖。現(xiàn)有的放大鏡的方式，是在客戶端請求頁面時(shí)，一次性載入所有需要放大的圖片。 這些需要放大的圖片是大圖在客戶端直接縮小，然后以列表的方式排列顯示。當(dāng)用戶點(diǎn)擊 其中一張圖片時(shí)，直接把該圖片載入到放大鏡需要的兩張圖中(小圖和大圖)，以完成放大 鏡效果。然而，這種方式需要一次性載入所有圖片，占用很大帶寬，頁面加載時(shí)間需要很 長，尤其是在有很多圖片的情況下，嚴(yán)重影響用戶使用。本發(fā)明則是提供一種新的方法用來解決上述問題。

發(fā)明內(nèi)容
本發(fā)明要解決的技術(shù)問題在于提供一種節(jié)省帶寬、縮短頁面加載時(shí)間的圖片放大 方法。本發(fā)明通過這樣的技術(shù)方案解決上述的技術(shù)問題一種圖片放大方法，該方法包括以下步驟提供客戶端；提供服務(wù)器，該服務(wù)器上 保存有若干大圖片，每一大圖片對應(yīng)有縮略小圖片，縮略小圖片與大圖片之間具有關(guān)聯(lián)；客 戶端向服務(wù)器發(fā)出請求，并從服務(wù)器下載所有需要放大的圖片的縮略小圖片，該等縮略小 圖片以列表方式顯示；用戶點(diǎn)擊縮略小圖片，根據(jù)上述關(guān)聯(lián)，客戶端從服務(wù)器下載對應(yīng)的大 圖片；大圖片進(jìn)行縮小后成為小圖供用戶選擇放大，原圖作為放大圖顯示。作為一種改進(jìn)，該方法進(jìn)一步提供選擇框，該選擇框可在小圖上移動(dòng)。作為一種改進(jìn)，小圖大于選擇框，小圖小于放大圖。與現(xiàn)有技術(shù)相比較，本發(fā)明具有以下優(yōu)點(diǎn)先期只下載縮略小圖片，占用帶寬較 小，頁面加載時(shí)間縮短，提升了用戶體驗(yàn)。


圖1是本發(fā)明圖片放大方法的流程圖。
具體實(shí)施例方式下面結(jié)合背景技術(shù)以及附圖詳細(xì)說明本發(fā)明的具體實(shí)施方式
。本發(fā)明圖片放大方法，主要包括以下步驟1、為服務(wù)器上的每張大圖片制作相應(yīng)的縮略小圖片，該縮略小圖片用于列表中顯 示使用，這張縮略小圖片實(shí)際情況下一般很??；2、為縮略小圖片和大圖片之間建立關(guān)聯(lián)關(guān)系，即根據(jù)縮略小圖片的名稱或路徑找 到相應(yīng)大圖片；3、用戶在客戶端請求時(shí)，客戶端將從服務(wù)器一次性載入所需要放大的圖片的相應(yīng) 縮略小圖片，然后以列表的方式排列顯示；4、當(dāng)用戶點(diǎn)擊其中縮略小圖片時(shí)，根據(jù)縮略小圖片的名稱或路徑找到相應(yīng)大圖 片，向服務(wù)器請求該大圖片，客戶端從服務(wù)器下載大圖片載入并完成后，把該大圖片進(jìn)行處 理；5、定義小圖大小以及放大框的大小；6、大圖片縮小到小圖大小后供選擇框框選，原圖則放到放大框內(nèi)，以完成放大鏡效果。請參圖1，過程詳述如下 用戶在客戶端請求服務(wù)器頁面一一次性載入所有需要放大的圖片的縮略圖，以列 表排列一用戶點(diǎn)擊縮略小圖片，根據(jù)縮略小圖片找到相應(yīng)的大圖片一向服務(wù)器請求該圖片 并下載一把大圖片放入到放大鏡需要的兩張圖中一初始化放大鏡效果。在本實(shí)施方式中，選擇框比小圖小，小圖比放大框小。利用本發(fā)明，先期只需要下載縮略小圖片，節(jié)省了帶寬，縮短頁面加載時(shí)間，提升 用戶體驗(yàn)。以上所述僅為本發(fā)明的較佳實(shí)施方式，本發(fā)明的保護(hù)范圍并不以上述實(shí)施方式為 限，但凡本領(lǐng)域普通技術(shù)人員根據(jù)本發(fā)明所揭示內(nèi)容所作的等效修飾或變化，皆應(yīng)納入權(quán) 利要求書中記載的保護(hù)范圍內(nèi)。
權(quán)利要求
1.一種圖片放大方法，其特征在于，該方法包括以下步驟 提供客戶端；提供服務(wù)器，該服務(wù)器上保存有若干大圖片，每一大圖片對應(yīng)有縮略小圖片，縮略小圖 片與大圖片之間具有關(guān)聯(lián)；客戶端向服務(wù)器發(fā)出請求，并從服務(wù)器下載所有需要放大的圖片的縮略小圖片，該等 縮略小圖片以列表方式顯示；用戶點(diǎn)擊縮略小圖片，根據(jù)上述關(guān)聯(lián)，客戶端從服務(wù)器下載對應(yīng)的大圖片； 大圖片進(jìn)行縮小后成為小圖供用戶選擇放大，原圖作為放大圖顯示。
2.根據(jù)權(quán)利要求1所述的圖片放大方法，其特征在于該方法進(jìn)一步提供選擇框，該選 擇框可在小圖上移動(dòng)。
3.根據(jù)權(quán)利要求1所述的圖片放大方法，其特征在于小圖大于選擇框，小圖小于放大圖。
全文摘要
本發(fā)明涉及一種圖片放大方法，該方法包括以下步驟提供客戶端；提供服務(wù)器，該服務(wù)器上保存有若干大圖片，每一大圖片對應(yīng)有縮略小圖片，縮略小圖片與大圖片之間具有關(guān)聯(lián)；客戶端向服務(wù)器發(fā)出請求，并從服務(wù)器下載所有需要放大的圖片的縮略小圖片，該等縮略小圖片以列表方式顯示；用戶點(diǎn)擊縮略小圖片，根據(jù)上述關(guān)聯(lián)，客戶端從服務(wù)器下載對應(yīng)的大圖片；大圖片進(jìn)行縮小后成為小圖供用戶選擇放大，原圖作為放大圖顯示。與現(xiàn)有技術(shù)相比，減少帶寬占用，加速頁面加載，提升用戶體驗(yàn)。
文檔編號G06F3/048GK102043799SQ20091019718
公開日2011年5月4日 申請日期2009年10月14日 優(yōu)先權(quán)日2009年10月14日
發(fā)明者鄭書發(fā) 申請人:上海通路快建網(wǎng)絡(luò)服務(wù)外包有限公司