專利名稱：一種圖片的瀏覽方法及裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)絡(luò)通信領(lǐng)域，尤其涉及一種圖片的瀏覽方法及裝置。
背景技術(shù)：
隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，在網(wǎng)上使用圖片庫已經(jīng)越來越普遍，圖片庫照片 大圖瀏覽時(shí)，用戶通常的習(xí)慣是向下翻頁，但是由于網(wǎng)絡(luò)帶寬的緣故，當(dāng)用戶
點(diǎn)擊到該照片時(shí)，再進(jìn)行該照片的拉取，可能會(huì)影響用戶瀏覽照片的速度；為 了提高用戶瀏覽照片的速度，現(xiàn)有4支術(shù)提供一種圖片的瀏覽方法，該方法在用 戶看當(dāng)前照片時(shí)，預(yù)#^又當(dāng)前照片的下一張照片，如用戶點(diǎn)擊下一張照片時(shí)， 直接將預(yù)拉取完成的照片顯示給用戶，從而大大提高用戶瀏覽照片的速度。 在實(shí)現(xiàn)本發(fā)明的過程中，現(xiàn)有技術(shù)所提供的技術(shù)方案存在如下問題 現(xiàn)有技術(shù)的方案如果在用戶點(diǎn)擊到下一張照片但該照片的預(yù)拉取還沒有 完成，系統(tǒng)會(huì)重新發(fā)送一次拉取命令，產(chǎn)生重復(fù)拉取，進(jìn)而浪費(fèi)帶寬資源。

發(fā)明內(nèi)容
本發(fā)明實(shí)施方式提供一種圖片的瀏覽方法及裝置，該方法及裝置具有避免 重復(fù)拉取，節(jié)約帶寬資源的優(yōu)點(diǎn)。
本發(fā)明的具體實(shí)施方式
提供一種圖片的瀏覽方法，該方法包括當(dāng)用戶點(diǎn) 擊圖片后，檢測(cè)系統(tǒng)是否已向所述圖片對(duì)應(yīng)的統(tǒng)一資源定位符url發(fā)送拉取請(qǐng)
求；
如是，向用戶顯示所述圖片的內(nèi)容；否則向所述圖片對(duì)應(yīng)的url發(fā)送拉取請(qǐng) 求，向用戶顯示所述圖片的內(nèi)容。本發(fā)明還提供一種圖片的瀏覽裝置，該裝置包括
檢測(cè)單元，用于當(dāng)用戶點(diǎn)擊圖片后，檢測(cè)系統(tǒng)是否已向所述圖片對(duì)應(yīng)的統(tǒng)
一資源定位符url發(fā)送拉取請(qǐng)求；
加載顯示單元，用于在所述4企測(cè)單元4企測(cè)出是時(shí)，向用戶顯示所述圖片的 內(nèi)容；
發(fā)送顯示單元，用于在所述^r測(cè)單元^r測(cè)出否時(shí)，向所述圖片對(duì)應(yīng)的url 發(fā)送拉取請(qǐng)求，并向用戶顯示所述圖片的內(nèi)容。
由上述所提供的技術(shù)方案可以看出，本發(fā)明實(shí)施例的技術(shù)方案在用戶點(diǎn)擊 圖片后，在檢測(cè)出系統(tǒng)已向該圖片對(duì)應(yīng)的url發(fā)送拉取請(qǐng)求時(shí)，不發(fā)送拉取請(qǐng)求， 并向用戶顯示該圖片的內(nèi)容，從而避免了用戶點(diǎn)擊的照片的預(yù)拉取還沒有完 成，系統(tǒng)會(huì)重新發(fā)送一次拉取命令，進(jìn)而避免了重復(fù)拉取，節(jié)約了帶寬資源。


圖1為本發(fā)明 一 實(shí)施例提供的 一種圖片的瀏覽方法的流程圖； 圖2為本發(fā)明又一實(shí)施例^是供的一種圖片的瀏覽方法的流程圖。 圖3為本發(fā)明提供的 一種圖片的瀏覽裝置的結(jié)構(gòu)圖
具體實(shí)施例方式
本發(fā)明實(shí)施方式提供一實(shí)施例，本實(shí)施例提供一種圖片的瀏覽方法，該方 法如圖l所示，包括
511、 當(dāng)用戶點(diǎn)擊圖片后，檢測(cè)系統(tǒng)是否已向該圖片對(duì)應(yīng)的統(tǒng)一資源定位 符(url)發(fā)送拉取請(qǐng)求，如是，則進(jìn)4亍S13，否則進(jìn)4亍S12后再進(jìn)行S13;
512、 向該圖片對(duì)應(yīng)的url發(fā)送拉取請(qǐng)求；
513、 向用戶顯示該圖片的內(nèi)容。
上述4i取^青求可以為，頁面上的Image標(biāo)簽向該圖片對(duì)應(yīng)的url發(fā)送的請(qǐng)求。
5本發(fā)明一實(shí)施例提供的方法在用戶點(diǎn)擊圖片后，在檢測(cè)出系統(tǒng)已向該圖片
對(duì)應(yīng)的url發(fā)送拉取請(qǐng)求時(shí)，不發(fā)送拉取請(qǐng)求，并向用戶顯示該圖片的內(nèi)容，從
而避免了用戶點(diǎn)擊的照片的預(yù)拉取還沒有完成，系統(tǒng)會(huì)重新發(fā)送一次拉耳又命 令，進(jìn)而避免了重復(fù)拉取，節(jié)約了帶寬資源。
可選的，上述方法在檢測(cè)系統(tǒng)是否向該圖片對(duì)應(yīng)的url發(fā)送拉耳又請(qǐng)求之前還 可以包括，將全局隊(duì)列中的Image對(duì)象修改成頁面上的IMG標(biāo)簽。而把Image對(duì) 象修改成頁面上的IMG標(biāo)簽后，用戶可以看到圖片加載的過程，也可以在一定 范圍內(nèi)減少cache中查找的次數(shù)；并且在圖片未加載完成時(shí)，也可以顯示已加載 的部分圖片的內(nèi)容，如當(dāng)加載一半時(shí)，可以顯示圖片一半的內(nèi)容。
可選的，上述方法還可以包括，通過頁面隱藏的IMG標(biāo)簽隊(duì)列預(yù)拉取該圖 片的后續(xù)圖片，并將完成預(yù)拉取處理的圖片緩存；上述完成預(yù)拉:f又處理的條件 可以為，后續(xù)圖片都加載完成。
可選的，上述后續(xù)圖片可以為一張，也可以為多張，而當(dāng)為多張時(shí)，可以 直接將緩存的圖片顯示給用戶，從而提高用戶瀏覽照片的速度，提高用戶的體 驗(yàn)度。
本發(fā)明還提供又一實(shí)施例，本實(shí)施例也提供一種圖片的預(yù)瀏覽方法，該方 法如圖2所示，包括
521、 接收用戶發(fā)送的翻頁命令；
522、 隱藏當(dāng)前顯示的照片；
523、 判斷需要顯示的照片是否在加載隊(duì)列里，如否，獲得一張空閑照片 后，加載需要顯示的照片；如是則直接顯示該照片；
上述S23也可以由S24 (圖2中省略)代替，S24、判斷預(yù)加載照片是否在 加載隊(duì)列里，如否，獲取一張空閑照片后，加載預(yù)加載照片；如是則直接結(jié)束。
上述S24中的預(yù)加載照片可以為當(dāng)前顯示的照片的后面一張或幾張照片， 具體的數(shù)字用戶可以自行設(shè)定。本發(fā)明又一 實(shí)施例提供的方法在接收到翻頁命令后，判斷需要顯示的照片 在加載隊(duì)列時(shí)，直接顯示該照片，從而提高了用戶瀏覽照片的速度，提高了用 戶的體-瞼度。
上述實(shí)現(xiàn)又一實(shí)施例的具體方式可以為
<img id="img—obj 1" src="about:blank" style="display:none" /> <img id="img—obj2" src="about:blank" style="display:none" /> <img id="img—obj3" src="about:blank" style="display:none" /> <img id="img—obj4" src="about:blank" style="display:none" /> <img id="img—obj5" src="about:blank" style="display:none" />
<div>
</div>
<script>
4i耳又照片
@param {string} url要顯示的月袞片url @param {string} pUrl要預(yù)才立取的照片url
〃顯示照片
show(url);
}else{
〃獲得一個(gè)空閑img標(biāo)簽
var img = getFree();img.src = url;
〃顯示照片(這里不一定立刻顯示) show(img);
nowlmage畫url;
if(!have(pUrl))(
〃獲得一個(gè)空閑img標(biāo)簽，并且不是當(dāng)前正在顯示的照片 var img2 = getFree(); img2.src = pUrl;
</script>
本發(fā)明具體實(shí)施方式
還提供一種圖片的瀏覽裝置，該裝置如圖3所示，包
括
檢測(cè)單元31,用于當(dāng)用戶點(diǎn)擊圖片后，檢測(cè)系統(tǒng)是否已向所述圖片對(duì)應(yīng)的 統(tǒng) 一 資源定位符url發(fā)送拉取請(qǐng)求；
顯示單元32,用于在檢測(cè)單元31檢測(cè)出是時(shí)，向用戶顯示所述圖片的內(nèi)容；
發(fā)送顯示單元33,用于在^r測(cè)單元31沖全測(cè)出否時(shí)，向該圖片對(duì)應(yīng)的url發(fā)送 拉取請(qǐng)求，并向用戶顯示該圖片的內(nèi)容。
可選的，上述裝置還可以包括
修改單元34，用于將全局隊(duì)列中的Image對(duì)象修改成頁面上的IMG標(biāo)簽。 可選的，上述裝置還可以包括
預(yù)拉取單元，用于通過頁面隱藏的IMG標(biāo)簽隊(duì)列預(yù)拉取該圖片的后續(xù)圖 片，并將完成預(yù)拉取處理的圖片緩存。
可選的，上述后續(xù)圖片為一張或多張。
8本發(fā)明具體實(shí)施方式
提供的裝置中的檢測(cè)單元31在檢測(cè)出是時(shí)，由顯示單
元32向用戶顯示該圖片的內(nèi)容，在檢測(cè)出否時(shí)，由發(fā)送顯示單元33向?qū)?yīng)的url 發(fā)送請(qǐng)求后，向用戶顯示該圖片的內(nèi)容。進(jìn)而避免了用戶點(diǎn)擊的照片的預(yù)拉取 還沒有完成，系統(tǒng)會(huì)重新發(fā)送一次拉取命令，避免了重復(fù)拉取，節(jié)約了帶寬資 源。
是可以通過程序來指令相關(guān)的硬件來完成，所述的程序可以存儲(chǔ)于計(jì)算機(jī)可讀 取存儲(chǔ)介質(zhì)中，該程序在執(zhí)行時(shí)，包括上述方法步驟，所述的存儲(chǔ)介質(zhì)包括 ROM/RAM、磁盤、光盤等。
綜上所述，本發(fā)明具體實(shí)施方式
提供的技術(shù)方案，具有避免了重復(fù)拉取， 節(jié)約了帶寬資源的優(yōu)點(diǎn)。
以上所述，僅為本發(fā)明較佳的具體實(shí)施方式
，但本發(fā)明的保護(hù)范圍并不局 限于此，任何熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明實(shí)施例揭露的技術(shù)范圍內(nèi)， 可輕易想到的變化或替換，都應(yīng)涵蓋在本發(fā)明的保護(hù)范圍之內(nèi)。因此，本發(fā)明 的保護(hù)范圍應(yīng)該以權(quán)利要求的保護(hù)范圍為準(zhǔn)。
權(quán)利要求
1、一種圖片的瀏覽方法，其特征在于，所述方法包括當(dāng)用戶點(diǎn)擊圖片后，檢測(cè)系統(tǒng)是否已向所述圖片對(duì)應(yīng)的統(tǒng)一資源定位符url發(fā)送拉取請(qǐng)求；如是，向用戶顯示所述圖片的內(nèi)容；否則向所述圖片對(duì)應(yīng)的url發(fā)送拉取請(qǐng)求，向用戶顯示所述圖片的內(nèi)容。
2、 根據(jù)權(quán)利要求l所述的方法，其特征在于，所述方法在檢測(cè)系統(tǒng)是否向 所述圖片對(duì)應(yīng)的url發(fā)送^立耳又請(qǐng)求之前還包括將全局隊(duì)列中的Image對(duì)象修改成頁面上的IMG標(biāo)簽。
3、 根據(jù)權(quán)利要求2所述的方法，其特征在于，所述向用戶顯示所述圖片的 內(nèi)容后，所述方法還包括通過頁面隱藏的IMG標(biāo)簽隊(duì)列預(yù)拉取所述圖片的后續(xù)圖片，并將完成預(yù)拉 取處理的圖片緩存。
4、 根據(jù)權(quán)利要求3所述的方法，其特征在于，所述后續(xù)圖片為一張或多張。
5、 一種圖片的瀏覽裝置，其特征在于，所述裝置包括檢測(cè)單元，用于當(dāng)用戶點(diǎn)擊圖片后，檢測(cè)系統(tǒng)是否已向所述圖片對(duì)應(yīng)的統(tǒng) 一資源定位符url發(fā)送拉取請(qǐng)求；加載顯示單元，用于在所述檢測(cè)單元檢測(cè)出是時(shí)，向用戶顯示所述圖片的 內(nèi)容；發(fā)送顯示單元，用于在所述4會(huì)測(cè)單元4企測(cè)出否時(shí)，向所述圖片對(duì)應(yīng)的url 發(fā)送拉取請(qǐng)求，并向用戶顯示所述圖片的內(nèi)容。
6、 根據(jù)權(quán)利要求5所述的裝置，其特征在于，所述裝置還包括 修改單元，用于將全局隊(duì)列中的Image對(duì)象^f'務(wù)改成頁面上的IMG標(biāo)簽。
7、 根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述裝置還包括預(yù)拉取單元，用于通過頁面隱藏的IMG標(biāo)簽隊(duì)列預(yù)拉取所述圖片的后續(xù) 圖片，并將完成預(yù)拉取處理的圖片緩存。
8、根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述后續(xù)圖片為一張或多張。
全文摘要
本發(fā)明實(shí)施方式提供了一種圖片的拉取方法及裝置，該方法及裝置屬于網(wǎng)絡(luò)通信領(lǐng)域，該方法包括當(dāng)用戶點(diǎn)擊圖片后，檢測(cè)系統(tǒng)是否已向所述圖片對(duì)應(yīng)的統(tǒng)一資源定位符url發(fā)送拉取請(qǐng)求；如是，向用戶顯示所述圖片的內(nèi)容；否則向所述圖片對(duì)應(yīng)的url發(fā)送拉取請(qǐng)求，向用戶顯示所述圖片的內(nèi)容。本發(fā)明具體實(shí)施方式
還提供一種圖片拉取裝置，該方法及裝置具有避免重復(fù)拉取，節(jié)約帶寬資源的優(yōu)點(diǎn)。
文檔編號(hào)G06F17/30GK101650727SQ20091009044
公開日2010年2月17日 申請(qǐng)日期2009年8月11日 優(yōu)先權(quán)日2009年8月11日
發(fā)明者陽 劉, 昊 吳, 健 曾, 杉 陳 申請(qǐng)人:騰訊數(shù)碼(天津)有限公司