網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示方法和裝置制造方法
【專利摘要】本申請公開了一種網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示方法和裝置，包括：圖片訪問下載模塊從服務(wù)器下載網(wǎng)絡(luò)動態(tài)圖片到本地；可視區(qū)域確定模塊根據(jù)滾動條的滾動值實時確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍；遍歷處理模塊遍歷所述下載到本地的動態(tài)圖片；針對每一動態(tài)圖片，判斷該動態(tài)圖片的預(yù)定位置是否在所述可視區(qū)域的取值范圍內(nèi)；如果在則創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片；否則不創(chuàng)建對應(yīng)的顯示標(biāo)簽，并在已經(jīng)創(chuàng)建對應(yīng)顯示標(biāo)簽的情況下刪除該顯示標(biāo)簽；之后顯示模塊刷新網(wǎng)頁，執(zhí)行所述顯示標(biāo)簽以加載顯示對應(yīng)的圖片。本發(fā)明既可以實現(xiàn)利用滾動條的滾動操作來實現(xiàn)滾動分頁顯示動態(tài)圖片，又可以降低對內(nèi)存和GDI對象的占用，提高客戶端的處理效率。
【專利說明】網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示方法和裝置
【技術(shù)領(lǐng)域】
[0001]本申請涉及網(wǎng)絡(luò)信息顯示處理【技術(shù)領(lǐng)域】，尤其涉及一種網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示方法和裝置。
【背景技術(shù)】
[0002]目前的互聯(lián)網(wǎng)絡(luò)上出現(xiàn)了大量的動態(tài)圖片。最常見的動態(tài)圖片為圖像互換格式(GIF,Graphics Interchange Format)圖片。動態(tài)圖片的一個重要特點是其在一個文件中可以存多幅圖像，并可以把存于一個文件中的多幅圖像數(shù)據(jù)逐幅讀出并顯示到屏幕上，從而加載顯示一種最簡單的動畫，構(gòu)成了動態(tài)的效果。
[0003]客戶端，例如瀏覽器或其他可以瀏覽網(wǎng)頁的客戶端，在有些場景下需要訪問瀏覽大量的動態(tài)圖片，例如在動態(tài)圖片搜索引擎的搜索結(jié)果頁面，需要加載顯示大量符合搜索條件的動態(tài)圖片。在這種場景下，現(xiàn)有的動態(tài)圖片展示技術(shù)通常采用點擊分頁技術(shù)來分頁顯示動態(tài)圖片。其缺點是:
[0004]在顯示頁面中顯示分頁文字鏈接或者按鈕，當(dāng)用戶希望查看下一頁的動態(tài)圖片時，需要尋找下一頁對應(yīng)的文字鏈接或按鈕，并點擊該文字鏈接或按鈕，才能顯示出下一分頁的動態(tài)圖片。因此這種現(xiàn)有技術(shù)操作繁瑣:用戶首先需要在當(dāng)前頁面中查找下一頁對應(yīng)的文字鏈接或按鈕的位置，查找到后需要點擊該文字鏈接或按鈕才能觸發(fā)顯示下一分頁的動態(tài)圖片，不但查找操作費時費力，而且需要用戶進(jìn)行點擊操作，用戶的操作量較大，操作繁瑣。
[0005]目前，在顯示網(wǎng)頁中的靜態(tài)圖片的技術(shù)中，為了解決分頁顯示靜態(tài)圖片的上述類似問題，出現(xiàn)了一種根據(jù)滾動條的滾動，在一個頁面中滾動分頁顯示靜態(tài)圖片的技術(shù)，即:首先默認(rèn)下載第一分頁的靜態(tài)圖片，并在當(dāng)前頁面內(nèi)加載顯示第一分頁的靜態(tài)圖片；當(dāng)滾動條向下滾動時，則再下載下一分頁的靜態(tài)圖片，并在當(dāng)前頁面中加載顯示下一分頁的靜態(tài)圖片。通過滾動滾動條這種簡單操作就可實現(xiàn)在同一頁面中逐次滾動加載顯示所有分頁的靜態(tài)圖片，省去用戶查找、點擊文字鏈接或按鈕的繁瑣操作。當(dāng)用戶需要返回查看上一分頁的靜態(tài)圖片時，同樣不需要查找、點擊文字鏈接或按鈕，而是向上滾動滾動條即可。
[0006]但是，上述現(xiàn)有技術(shù)在現(xiàn)實靜態(tài)圖片的加載顯示時有效，但是如果直接應(yīng)用于動態(tài)圖片的加載顯示，則會出現(xiàn)以下技術(shù)問題:
[0007]上述現(xiàn)有技術(shù)采用滾動分頁顯示圖片，當(dāng)加載顯示完所有分頁的圖片后，所有的圖片會加載顯示在同一個網(wǎng)頁上，每加載顯示一個圖片會占用本地設(shè)備的相應(yīng)量的內(nèi)存和圖形設(shè)備接口(⑶I，Graphics Device Interface)對象。對于靜態(tài)圖片的加載顯示來講，一個靜態(tài)圖片通常只會占用少量的內(nèi)存和GDI對象，例如一個靜態(tài)圖片通常占用一個GDI對象。而對加載顯示動態(tài)圖片來講，則其占用的內(nèi)存量和GDI對象的數(shù)量會急劇增長。例如通常加載顯示一個動態(tài)圖片占用的GDI對象的數(shù)量為20至30個。采用上述現(xiàn)有的滾動分頁顯示動態(tài)圖片的技術(shù)，在加載完多個分頁的時候，當(dāng)前網(wǎng)頁上加載顯示的動態(tài)圖片所占用的內(nèi)存和GDI對象的數(shù)量會急劇增高。例如假設(shè)每個分頁包括18張動態(tài)圖片，加載12個分頁后就會在當(dāng)前網(wǎng)頁上加載顯示198張動態(tài)圖片，所占用的⑶I對象可達(dá)4000多個，而通常的客戶端軟件僅僅支持幾千個⑶I對象，因此會導(dǎo)致用于瀏覽該網(wǎng)頁的客戶端的處理效率的降低，在本地設(shè)備性能相對落后的情況下，還可能會直接導(dǎo)致該客戶端崩潰。

【發(fā)明內(nèi)容】

[0008]有鑒于此，本發(fā)明的主要目的在于提供一種動態(tài)圖片的分頁顯示方法和裝置，以降低對內(nèi)存和GDI對象的占用，提高客戶端的處理效率。
[0009]本發(fā)明的技術(shù)方案是這樣實現(xiàn)的:
[0010]一種網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示方法，包括:
[0011]從服務(wù)器下載網(wǎng)絡(luò)動態(tài)圖片到本地；
[0012]根據(jù)滾動條的滾動值實時確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍；
[0013]遍歷所述下載到本地的動態(tài)圖片；針對每一動態(tài)圖片，判斷該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置是否在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)；如果是則在未創(chuàng)建該動態(tài)圖片對應(yīng)的顯示標(biāo)簽的情況下在該預(yù)定位置創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片；否則不創(chuàng)建對應(yīng)的顯示標(biāo)簽，并在已經(jīng)創(chuàng)建對應(yīng)顯示標(biāo)簽的情況下刪除該顯示標(biāo)簽；
[0014]刷新網(wǎng)頁，執(zhí)行所述顯示標(biāo)簽以加載顯示對應(yīng)的圖片。
[0015]一種網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示裝置，包括:
[0016]圖片訪問下載模塊，用于從服務(wù)器下載網(wǎng)絡(luò)動態(tài)圖片到本地；
[0017]可視區(qū)域確定模塊，用于根據(jù)滾動條的滾動值實時確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍；
[0018]遍歷處理模塊，用于遍歷所述下載到本地的動態(tài)圖片；針對每一動態(tài)圖片，判斷該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置是否在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)；如果是則在未創(chuàng)建該動態(tài)圖片對應(yīng)的顯示標(biāo)簽的情況下創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片；否則不創(chuàng)建對應(yīng)的顯示標(biāo)簽，并在已經(jīng)創(chuàng)建對應(yīng)顯示標(biāo)簽的情況下刪除該顯示標(biāo)簽；
[0019]第一顯示模塊，用于刷新網(wǎng)頁，執(zhí)行所述顯示標(biāo)簽以加載顯示對應(yīng)的圖片。
[0020]與現(xiàn)有技術(shù)相比，本發(fā)明先將網(wǎng)絡(luò)上的動態(tài)圖片下載到本地，然后確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍，判斷每一下載到本地的動態(tài)圖片在當(dāng)前網(wǎng)頁中的預(yù)定位置是否在當(dāng)前網(wǎng)頁可視區(qū)域內(nèi)，如果在可視區(qū)域內(nèi)則創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片(可以直接顯示對應(yīng)的動態(tài)圖片，也可以先顯示該動態(tài)圖片的靜態(tài)化圖片，在鼠標(biāo)觸發(fā)后再顯示該動態(tài)圖片)，否則不創(chuàng)建對應(yīng)的顯示標(biāo)簽來顯示對應(yīng)的圖片，并且在已經(jīng)創(chuàng)建對應(yīng)顯示標(biāo)簽的情況下需要刪除該顯示標(biāo)簽，從而使當(dāng)前網(wǎng)頁的可視區(qū)域內(nèi)只加載顯示預(yù)定位置在該可視區(qū)域內(nèi)的動態(tài)圖片。采用本發(fā)明，既可以實現(xiàn)利用滾動條的滾動操作來實現(xiàn)滾動分頁顯示動態(tài)圖片的目的，同時由于可以實現(xiàn)只實時加載顯示可視區(qū)域內(nèi)的動態(tài)圖片，同時加載顯示的動態(tài)圖片的數(shù)量大大減少，降低了對本地設(shè)備的內(nèi)存和GDI對象的占用，提高了客戶端的處理效率，降低了由于對內(nèi)存和GDI對象的大量占用導(dǎo)致客戶端崩潰的幾率。
【專利附圖】

【附圖說明】
[0021]圖1為本發(fā)明所述網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示方法的一種流程圖；
[0022]圖2為一種可視區(qū)域、滾動條和整體內(nèi)容的對比示意圖；[0023]圖3為本發(fā)明所述方法的進(jìn)一步實施例的一種流程圖；
[0024]圖4為本發(fā)明所述網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示裝置的一種實施例組成示意圖；
[0025]圖5為一種實施例中所述圖片訪問下載模塊的組成示意圖；
[0026]圖6為本發(fā)明所述網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示裝置的又一種實施例組成示意圖。
【具體實施方式】
[0027]下面結(jié)合附圖及具體實施例對本發(fā)明再作進(jìn)一步詳細(xì)的說明。
[0028]本發(fā)明的方法由具有網(wǎng)絡(luò)信息瀏覽功能的客戶端執(zhí)行，所述客戶端例如可以是瀏覽器，也可以是其它具有網(wǎng)頁瀏覽器內(nèi)核的客戶端。具體可以由網(wǎng)頁腳本語言(如javascript)實現(xiàn)所述步驟。本發(fā)明可以適用于任何需要顯示多個動態(tài)圖片的網(wǎng)頁，尤其可以適用于網(wǎng)絡(luò)動態(tài)圖片搜索引擎中的搜索結(jié)果頁面的顯示。
[0029]圖1為本發(fā)明所述網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示方法的一種流程圖。參見圖1，該方法主要包括:
[0030]步驟101、從服務(wù)器下載網(wǎng)絡(luò)動態(tài)圖片到本地。
[0031]步驟102、根據(jù)滾動條的滾動值實時確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍。
[0032]步驟103、一 旦可視區(qū)域的取值范圍發(fā)生改變后，則遍歷所述下載到本地的動態(tài)圖片；針對每一動態(tài)圖片，判斷該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置是否在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)；如果是則在未創(chuàng)建該動態(tài)圖片對應(yīng)的顯示標(biāo)簽的情況下在該預(yù)定位置創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片；否則不創(chuàng)建對應(yīng)的顯示標(biāo)簽，并在已經(jīng)創(chuàng)建對應(yīng)顯示標(biāo)簽的情況下刪除該顯示標(biāo)簽。
[0033]本步驟中，一種更為具體的遍歷處理實現(xiàn)方式是:如果當(dāng)前動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)，則判斷該動態(tài)圖片是否已經(jīng)創(chuàng)建了對應(yīng)的顯示標(biāo)簽，如果是則遍歷下一動態(tài)圖片，否則在該動態(tài)圖片的所述預(yù)定位置處創(chuàng)建對應(yīng)的顯示標(biāo)簽，在該顯示標(biāo)簽內(nèi)標(biāo)記需對應(yīng)顯示的圖片，接著遍歷下一動態(tài)圖片；如果該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置不在當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)，則判斷該動態(tài)圖片是否已經(jīng)創(chuàng)建了對應(yīng)的顯示標(biāo)簽，如果是則刪除該顯示標(biāo)簽，接著遍歷下一動態(tài)圖片，否則遍歷下一動態(tài)圖片。
[0034]步驟104、刷新網(wǎng)頁(通常是在遍歷結(jié)束后)，執(zhí)行所述顯示標(biāo)簽以加載顯示對應(yīng)的圖片。
[0035]在所述步驟101中，所述從服務(wù)器下載網(wǎng)絡(luò)動態(tài)圖片到本地的具體方式可以為:
[0036]一種方式是:向服務(wù)器發(fā)起獲取當(dāng)前網(wǎng)頁所有動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地。
[0037]或者，另一種方式是:先向服務(wù)器發(fā)起獲取第一分頁的動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地；接著監(jiān)聽當(dāng)前網(wǎng)頁滾動條的滾動值，根據(jù)滾動條的滾動分批次(例如在滾動值第一次超過當(dāng)前網(wǎng)頁可視區(qū)域高度值的整數(shù)倍，即I倍、2倍、3倍……以此類推)向服務(wù)器發(fā)起獲取下一分頁的動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地。
[0038]通過上述第二種方式的處理步驟，可以達(dá)到分頁請求下載動態(tài)圖片的效果，進(jìn)一步縮短由于下載動態(tài)圖片造成的網(wǎng)頁顯示的延遲。
[0039]在所述步驟102中，所述根據(jù)滾動條的滾動值實時確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍的具體方式可以有多種。例如圖2為一種可視區(qū)域、滾動條和整體內(nèi)容的對比示意圖。參見圖2，在一種實施例中，所述根據(jù)滾動條的滾動值實時確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍的具體方式包括:確定所述可視區(qū)域的高度h、以及各排動態(tài)圖片的高度m ;實時監(jiān)聽當(dāng)前網(wǎng)頁滾動條的滾動值P，根據(jù)該滾動值P實時確定所述可視區(qū)域頂部到網(wǎng)頁整體內(nèi)容頂部的實時距離d(本領(lǐng)域的技術(shù)人員都知曉，所述根據(jù)所述滾動值P確定所述d的具體方法與所述滾動值d的定義相關(guān)，例如如果所述滾動值d直接定義為可視區(qū)域頂部到網(wǎng)頁整體內(nèi)容頂部的實時距離，則d=p;如果所述滾動值d定義為可視區(qū)域底部到網(wǎng)頁整體內(nèi)容頂部的實時距離，則d=p — h);將d/m的整數(shù)部分加I作為可視區(qū)域的起始排號C，將(d+h)/m的整數(shù)部分作為可視區(qū)域的終止排號z，則所述可視區(qū)域的取值范圍為:[c，z]；
[0040]對應(yīng)的，在所述步驟103中，所述判斷動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置是否在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)，具體包括:根據(jù)該動態(tài)圖片的編號和當(dāng)前網(wǎng)頁的預(yù)定排列規(guī)則(例如每排要顯示幾張圖片)確定該動態(tài)圖片所在的排號；然后判斷該排號是否在所述可視區(qū)域的取值范圍[c，z]之內(nèi)，如果是則判定該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置在所述可視區(qū)域的取值范圍內(nèi)，否則判定該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置不在所述可視區(qū)域的取值范圍內(nèi)。
[0041]當(dāng)然，在另一種實施例中，所述可視區(qū)域的取值范圍也可以直接使用:[d，d+h]；對應(yīng)的，所述判斷動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置是否在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)，具體為:根據(jù)該動態(tài)圖片的編號和當(dāng)前網(wǎng)頁的預(yù)定排列規(guī)則確定該動態(tài)圖片所在的排號i，判斷iXh是否在所述[d，d+h]之內(nèi)，如果是則判定該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置在所述可視區(qū)域的取值范圍內(nèi)，否則判定該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置不在所述可視區(qū)域的取值范圍內(nèi)。當(dāng)然這種處理方式的計算量稍大些，處理效率不如上一實施例高。
[0042]在所述步驟103中，如果當(dāng)前遍歷的動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置在所述可視區(qū)域的取值范圍內(nèi)、且還沒有建立對應(yīng)的顯示標(biāo)簽，則在一種實施例中，可以直接在所述可視區(qū)域內(nèi)加載顯示動態(tài)圖片。即所述在預(yù)定位置未創(chuàng)建對應(yīng)顯示標(biāo)簽的情況下創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片的具體方法為:新建圖片標(biāo)簽，設(shè)置該圖片標(biāo)簽的地址為所述動態(tài)圖片在本地的緩存地址，將該圖片標(biāo)簽插入到所述動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置；之后刷新網(wǎng)頁后執(zhí)行所述圖片標(biāo)簽，在該圖片標(biāo)簽對應(yīng)的網(wǎng)頁位置加載顯示所述動態(tài)圖片。
[0043]如果當(dāng)前遍歷的動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置在所述可視區(qū)域的取值范圍內(nèi)、且還沒有建立對應(yīng)的顯示標(biāo)簽，則在另一種實施例中，可以先在所述可視區(qū)域內(nèi)加載顯示該動態(tài)圖片的靜態(tài)圖片，當(dāng)檢測到預(yù)覽該靜態(tài)圖片對應(yīng)的動態(tài)圖片的指令后再加載顯示對應(yīng)的動態(tài)圖片。即:所述在未創(chuàng)建該動態(tài)圖片對應(yīng)的顯示標(biāo)簽的情況下創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片，具體包括:創(chuàng)建文本標(biāo)簽作為顯示標(biāo)簽，在該文本標(biāo)簽中設(shè)置本地操作系統(tǒng)圖片處理濾鏡的調(diào)用命令，將該調(diào)用命令的處理地址設(shè)置為所述動態(tài)圖片在本地的緩存地址，相當(dāng)于在該文本標(biāo)簽內(nèi)標(biāo)記的需對應(yīng)顯示的圖片是該圖片處理濾鏡輸出的靜態(tài)圖片，然后在所述預(yù)定位置上插入該文本標(biāo)簽。當(dāng)后續(xù)刷新網(wǎng)頁時，所述執(zhí)行所述顯示標(biāo)簽以加載顯示對應(yīng)的圖片具體包括:執(zhí)行所述文本標(biāo)簽，調(diào)用本地操作系統(tǒng)圖片處理濾鏡從所述動態(tài)圖片中提取一幀圖片，將提取出的該一幀圖片作為靜態(tài)圖片加載顯示在所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置。
[0044]本發(fā)明的一個具體實施例中，所述本地操作系統(tǒng)圖片處理濾鏡為可以從所述動態(tài)圖片中提取一幀的圖片處理濾鏡。不同的操作系統(tǒng)中對應(yīng)的具體圖片處理濾鏡可以不同。例如,在windows操作系統(tǒng)中的IE瀏覽器中的圖片處理濾鏡，是一種獨特的級聯(lián)樣式表(CSS, Cascading Style Sheet)樣式,這些圖片處理濾鏡主要是用來實現(xiàn)圖像的各種特殊效果。其中有一種圖片處理濾鏡為AlphaImageLoader濾鏡,這個AlphaImageLoader濾鏡可以在對象容器邊界內(nèi)，在對象的背景和內(nèi)容之間顯示一張圖片，并提供對此圖片的剪切和改變尺寸的操作。如果載入的是PNG格式，則也可以對該P(yáng)NG圖片進(jìn)行0%-100%的透明度處理。通過該AlphaImageLoader濾鏡處理顯示動態(tài)gif圖片，則該AlphaImageLoader濾鏡會自動進(jìn)行圖片的裁剪，只顯示gif圖片的第一幀，即顯示的是一張靜態(tài)圖片。
[0045]在本實施例中，步驟103中利用腳本語言設(shè)置文本標(biāo)簽的CSS的濾鏡為AlphaImageLoader濾鏡，在這種情況下所述客戶端需要采用IE瀏覽器內(nèi)核。在所述步驟103中，客戶端調(diào)用所述文本標(biāo)簽，通過文本標(biāo)簽中的調(diào)用命令可以調(diào)用操作系統(tǒng)中的AlphaImageLoader濾鏡從所述緩存地址中讀取所述動態(tài)圖片，該AlphaImageLoader濾鏡再將所述動態(tài)圖片的第一幀圖片提取出來，將該第一幀圖片加載顯示到所文本標(biāo)簽在網(wǎng)頁中的對應(yīng)的位置。從而可以實現(xiàn)網(wǎng)絡(luò)動態(tài)圖片的靜態(tài)化顯示。當(dāng)然對于其它濾鏡來講，也有可能是從動態(tài)圖片中提取其它幀的圖片作為靜態(tài)圖片加載顯示。
[0046]此后，當(dāng)用戶需要預(yù)覽所述靜態(tài)圖片對應(yīng)的動態(tài)圖片時，會向客戶端發(fā)出預(yù)覽動態(tài)圖片的指令，例如該指令一般是鼠標(biāo)移動到網(wǎng)頁中的已經(jīng)靜態(tài)化的圖片上發(fā)出的，客戶端需要將靜態(tài)圖片再動態(tài)化。然后，當(dāng)用戶不需要預(yù)覽動態(tài)圖片時，會向客戶端發(fā)出停止預(yù)覽所述動態(tài)圖片的指令，例如該指令一般是鼠標(biāo)移出所述預(yù)覽的動態(tài)圖片到網(wǎng)頁其它位置所發(fā)出的，客戶端需要將所述預(yù)覽的動態(tài)圖片再靜態(tài)化。
[0047]圖3為本發(fā)明所述方法的進(jìn)一步實施例的一種流程圖。參見圖3，在該進(jìn)一步的實施例中，進(jìn)一步包括:
[0048]步驟105、客戶端檢測鼠標(biāo)是否移動到經(jīng)過上述靜態(tài)化處理后加載顯示的所述某一個靜態(tài)圖片上，如果是則針對該靜態(tài)圖片執(zhí)行后續(xù)處理。
[0049]步驟106、客戶端利用腳本語言調(diào)用刪除文本標(biāo)簽的命令，刪除所述靜態(tài)圖片對應(yīng)的文本標(biāo)簽。
[0050]步驟107、利用腳本語言新建圖片標(biāo)簽，設(shè)置該圖片標(biāo)簽的地址為所刪除的所述文本標(biāo)簽對應(yīng)的所述動態(tài)圖片在本地的緩存地址，將該圖片標(biāo)簽插入到所刪除的所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置。
[0051]步驟108、執(zhí)行所述圖片標(biāo)簽，在該圖片標(biāo)簽對應(yīng)的網(wǎng)頁位置加載顯示所述動態(tài)圖片。
[0052]現(xiàn)有技術(shù)中，為了實現(xiàn)動態(tài)圖片的靜態(tài)化以及在收到指令后再切換到動態(tài)圖片，通常需要向服務(wù)器發(fā)起兩次http請求并下載兩張圖片，一次為請求下載靜態(tài)圖片，一次為請求下載動態(tài)圖片，不但浪費了網(wǎng)絡(luò)的帶寬資源，而且在將靜態(tài)圖片切換成動態(tài)圖片的時候，需要再次等待動態(tài)圖片的下載，操作延時較長，客戶端瀏覽顯示動態(tài)圖片的流暢度差，用戶體驗不好。
[0053]而本發(fā)明中，通過圖3的上述操作，由于所述動態(tài)圖片已經(jīng)下載到本地了，客戶端會直接讀取本地緩存的該動態(tài)圖片，不需要重新下載，然后腳本語言調(diào)用插入命令，將該動態(tài)圖片插入到原文本標(biāo)簽的位置，這樣網(wǎng)頁就能正常顯示動態(tài)圖片，從而實現(xiàn)了靜態(tài)化圖片切換到動態(tài)圖片的顯示過程，而對應(yīng)的HTTP請求卻縮小為一次，即所述的一次下載動態(tài)圖片的請求，因此可以節(jié)省客戶端設(shè)備發(fā)起多余請求的計算資源，以及節(jié)省由于多余下載所占用的網(wǎng)絡(luò)的帶寬資源，并可以提升靜態(tài)圖片重新動態(tài)化的處理效率，減少延遲時間，提升瀏覽動態(tài)圖片的流暢度，進(jìn)而提升用戶體驗。
[0054]步驟109、客戶端檢測鼠標(biāo)是否移出所述預(yù)覽的動態(tài)圖片，如果是則針對該動態(tài)圖片執(zhí)行后續(xù)處理。
[0055]步驟110、客戶端利用腳本語言調(diào)用刪除圖片標(biāo)簽的命令，刪除所述動態(tài)圖片對應(yīng)的圖片標(biāo)簽。
[0056]步驟111、利用腳本語言新建文本標(biāo)簽，在該文本標(biāo)簽中設(shè)置本地操作系統(tǒng)圖片處理濾鏡如所述AlphaImageLoader濾鏡的調(diào)用命令,將該調(diào)用命令的處理地址設(shè)置為所述動態(tài)圖片在本地的緩存地址，將該文本標(biāo)簽插入到所刪除的所述圖片標(biāo)簽的網(wǎng)頁位置。
[0057]步驟112、執(zhí)行所述文本標(biāo)簽,調(diào)用本地操作系統(tǒng)的AlphaImageLoader濾鏡從所述動態(tài)圖片中提取一幀圖片(例如此處為第一幀圖片)，將提取出的該一幀圖片作為靜態(tài)圖片加載顯示在所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置。
[0058]從而通過上述操作，可以在不需要預(yù)覽動態(tài)圖片的時候，將所述動態(tài)圖片重新恢復(fù)到靜態(tài)圖片，從而可以實現(xiàn)動態(tài)圖片的再次靜態(tài)化。之后，還可以返回步驟104，如果檢測到鼠標(biāo)移動到靜態(tài)圖片上后，再次顯示動態(tài)圖片，如此循環(huán)。
[0059]另外，本發(fā)明采用 調(diào)用本地操作系統(tǒng)圖片處理濾鏡對所述動態(tài)圖片的第一幀圖片進(jìn)行提取處理，而不是由客戶端進(jìn)行提取處理。這樣，可以節(jié)省客戶端的計算資源，提高圖片提取處理的處理效率，不會導(dǎo)致由于客戶端進(jìn)行圖片提取處理導(dǎo)致客戶端處理速度降低進(jìn)而卡住整個網(wǎng)頁，也可以避免由于客戶端同時提取處理多張動態(tài)圖片所導(dǎo)致的客戶端崩潰的問題。
[0060]同時，由于本發(fā)明采用上述默認(rèn)靜態(tài)顯示所述動態(tài)圖片，之后鼠標(biāo)觸發(fā)后才顯示動態(tài)圖片的方式，可以在同一個網(wǎng)頁顯示多張動態(tài)圖片時，用戶看起來，就不會看到多張動態(tài)圖片一起動，減少對用戶的視覺干擾，不會有眼花繚亂的感覺。
[0061]與本發(fā)明的所述方法對應(yīng)，本發(fā)明還公開了一種網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示裝置。圖4為本發(fā)明所述網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示裝置的一種實施例組成示意圖。參見圖4,該裝置包括::
[0062]圖片訪問下載模塊401，用于從服務(wù)器下載網(wǎng)絡(luò)動態(tài)圖片到本地.[0063]可視區(qū)域確定模塊402，用于根據(jù)滾動條的滾動值實時確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍。
[0064]遍歷處理模塊403，用于在所述可視區(qū)域的取值范圍發(fā)生改變后，遍歷所述下載到本地的動態(tài)圖片；針對每一動態(tài)圖片，判斷該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置是否在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)；如果在則在未創(chuàng)建該動態(tài)圖片對應(yīng)的顯示標(biāo)簽的情況下創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片；否則不創(chuàng)建對應(yīng)的顯示標(biāo)簽，并在已經(jīng)創(chuàng)建對應(yīng)顯示標(biāo)簽的情況下刪除該顯示標(biāo)簽。
[0065]第一顯示模塊404，用于刷新網(wǎng)頁，執(zhí)行所述顯示標(biāo)簽以加載顯示對應(yīng)的圖片。[0066]所述遍歷處理模塊403中，更為具體的處理方式為:如果在所述取值范圍內(nèi)，則判斷該動態(tài)圖片是否已經(jīng)創(chuàng)建了對應(yīng)的顯示標(biāo)簽，如果是則遍歷下一動態(tài)圖片，否則在該動態(tài)圖片的所述預(yù)定位置處創(chuàng)建對應(yīng)的顯示標(biāo)簽，在該顯示標(biāo)簽內(nèi)標(biāo)記需對應(yīng)顯示的圖片，接著遍歷下一動態(tài)圖片；如果該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置不在當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)，則判斷該動態(tài)圖片是否已經(jīng)創(chuàng)建了對應(yīng)的顯示標(biāo)簽，如果是則刪除該顯示標(biāo)簽，接著遍歷下一動態(tài)圖片，否則遍歷下一動態(tài)圖片；
[0067]在一種實施例中，所述圖片訪問下載模塊401可以具體用于:向服務(wù)器發(fā)起獲取當(dāng)前網(wǎng)頁所有動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地。在另一種實施例中，所述圖片訪問下載模塊可以分批次請求下載動態(tài)圖片，如圖5所示為一種實施例中所述圖片訪問下載模塊的組成示意圖。參見圖5，所述圖片訪問下載模塊401具體包括:
[0068]默認(rèn)下載模塊411，用于先向服務(wù)器發(fā)起獲取第一分頁的動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地。
[0069]批次下載模塊412，用于監(jiān)聽當(dāng)前網(wǎng)頁滾動條的滾動值，根據(jù)滾動條的滾動分批次(例如在滾動值第一次超過當(dāng)前網(wǎng)頁可視區(qū)域高度值的整數(shù)倍，即I倍、2倍、3倍……以此類推)向服務(wù)器發(fā)起獲取下一分頁的動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地。
[0070]為了實現(xiàn)動態(tài)圖片默認(rèn)的靜態(tài)化顯示，所述遍歷處理模塊403中具體包括第一標(biāo)簽建立模塊，用于所述動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)、且在未創(chuàng)建該動態(tài)圖片對應(yīng)的顯示標(biāo)簽的情況下，創(chuàng)建文本標(biāo)簽作為顯示標(biāo)簽，在該文本標(biāo)簽中設(shè)置本地操作系統(tǒng)圖片處理濾鏡的調(diào)用命令，將該調(diào)用命令的處理地址設(shè)置為所述動態(tài)圖片在本地的緩存地址，在所述預(yù)定位置上插入該文本標(biāo)簽；
[0071]所述第一顯示模塊404具體用于:刷新網(wǎng)頁，執(zhí)行所述文本標(biāo)簽，調(diào)用本地操作系統(tǒng)圖片處理濾鏡從所述動態(tài)圖片中提取一幀圖片，將提取出的該一幀圖片作為靜態(tài)圖片加載顯示在所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置。
`[0072]圖6為本發(fā)明所述網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示裝置的又一種實施例組成示意圖。參見圖6，該實施例中，所述裝置進(jìn)一步包括:
[0073]第一檢測模塊405，用于檢測是否收到預(yù)覽所述靜態(tài)圖片對應(yīng)的動態(tài)圖片的指令(例如檢測檢測鼠標(biāo)是否移動到所述靜態(tài)圖片之上)，如果是則觸發(fā)所述第二標(biāo)簽建立模塊406。
[0074]第二標(biāo)簽建立模塊406，用于刪除所述被預(yù)覽的靜態(tài)圖片對應(yīng)的文本標(biāo)簽，新建圖片標(biāo)簽，設(shè)置該圖片標(biāo)簽的地址為所述動態(tài)圖片在本地的緩存地址，將該圖片標(biāo)簽插入到所刪除的所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置。
[0075]第二顯示模塊407，用于執(zhí)行所述第二標(biāo)簽建立模塊406建立的圖片標(biāo)簽，在該圖片標(biāo)簽對應(yīng)的網(wǎng)頁位置加載顯示所述動態(tài)圖片。
[0076]通過圖6的實施例，不但可以實現(xiàn)網(wǎng)絡(luò)動態(tài)圖片的靜態(tài)化輸出，在需要預(yù)覽動態(tài)圖片時，還可以顯不動態(tài)圖片，完成靜態(tài)圖片到動態(tài)圖片的切換。
[0077]在該實施例中，所述裝置還可以進(jìn)一步包括:
[0078]第二檢測模塊408，用于檢測是否收到停止預(yù)覽所述第二顯示模塊加載顯示的動態(tài)圖片的指令(例如檢測鼠標(biāo)是否移出所述第二顯示模塊加載顯示的動態(tài)圖片)，如果是則觸發(fā)所述第三標(biāo)簽建立模塊409。
[0079]第三標(biāo)簽建立模塊409，用于刪除所述預(yù)覽的動態(tài)圖片對應(yīng)的圖片標(biāo)簽，新建文本標(biāo)簽，在該文本標(biāo)簽中設(shè)置本地操作系統(tǒng)圖片處理濾鏡的調(diào)用命令，將該調(diào)用命令的處理地址設(shè)置為所述動態(tài)圖片在本地的緩存地址，將該文本標(biāo)簽插入到所刪除的所述圖片標(biāo)簽的網(wǎng)頁位置。
[0080]第三顯示模塊410，用于執(zhí)行所述第三標(biāo)簽建立模塊409建立的文本標(biāo)簽，調(diào)用本地操作系統(tǒng)圖片處理濾鏡從所述動態(tài)圖片中提取一幀圖片，將提取出的該一幀圖片作為靜態(tài)圖片加載顯示在所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置。
[0081]通過圖6所述的實施例，所述預(yù)覽的動態(tài)圖片還可以重新靜態(tài)化。從而實現(xiàn)動態(tài)圖片和靜態(tài)圖片的隨意切換。
[0082]在本發(fā)明所述裝置的一種實施例中，所述本地操作系統(tǒng)圖片處理濾鏡為windows操作系統(tǒng)中IE瀏覽器的AlphaImageLoader濾鏡。所述客戶端為采用IE瀏覽器內(nèi)核的客戶端。
[0083]在本申請所提供的幾個實施例中，應(yīng)該理解到，所揭露的裝置和方法，可以通過其它的方式實現(xiàn)。例如，以上所描述的裝置實施例僅僅是示意性的，例如，所述模塊的劃分，僅僅為一種邏輯功能劃分，實際實現(xiàn)時可以有另外的劃分方式，例如多個模塊或組件可以結(jié)合或者可以集成到另一個系統(tǒng)或裝置，或一些特征可以忽略，或不執(zhí)行。
[0084]本發(fā)明的每一個實施例可以通過由數(shù)據(jù)處理設(shè)備如計算機(jī)執(zhí)行的數(shù)據(jù)處理程序來實現(xiàn)。顯然，數(shù)據(jù)處理程序構(gòu)成了本發(fā)明。此外，通常存儲在一個存儲介質(zhì)中的數(shù)據(jù)處理程序通過直接將程序讀取出存儲介質(zhì)或者通過將程序安裝或復(fù)制到數(shù)據(jù)處理設(shè)備的存儲設(shè)備(如硬盤和或內(nèi)存)中執(zhí)行。因此，這樣的存儲介質(zhì)也構(gòu)成了本發(fā)明。存儲介質(zhì)可以使用任何類型的記錄方式，例如紙張存儲介質(zhì)(如紙帶等)、磁存儲介質(zhì)(如軟盤、硬盤、閃存等)、光存儲介質(zhì)(如CD-ROM等)、磁光存儲介質(zhì)(如MO等)等。
[0085]以上所述僅為本發(fā)明的較佳實施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所做的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明保護(hù)的范圍之內(nèi)。
【權(quán)利要求】
1.一種網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示方法，其特征在于，包括: 從服務(wù)器下載網(wǎng)絡(luò)動態(tài)圖片到本地； 根據(jù)滾動條的滾動值實時確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍； 遍歷所述下載到本地的動態(tài)圖片；針對每一動態(tài)圖片，判斷該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置是否在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)；如果是則在未創(chuàng)建該動態(tài)圖片對應(yīng)的顯示標(biāo)簽的情況下在該預(yù)定位置創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片；否則不創(chuàng)建對應(yīng)的顯示標(biāo)簽，并在已經(jīng)創(chuàng)建對應(yīng)顯示標(biāo)簽的情況下刪除該顯示標(biāo)簽； 刷新網(wǎng)頁，執(zhí)行所述顯示標(biāo)簽以加載顯示對應(yīng)的圖片。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述從服務(wù)器下載網(wǎng)絡(luò)動態(tài)圖片到本地，具體包括: 向服務(wù)器發(fā)起獲取當(dāng)前網(wǎng)頁所有動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地； 或者，先向服務(wù)器發(fā)起獲取第一分頁的動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地；接著監(jiān)聽當(dāng)前網(wǎng)頁滾動條的滾動值，根據(jù)滾動條的滾動分批次向服務(wù)器發(fā)起獲取下一分頁的動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于， 所述根據(jù)滾動條的滾動值實時確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍，具體包括:確定所述可視區(qū)域的高度h、以及各排動態(tài)圖片的高度m ;實時監(jiān)聽當(dāng)前網(wǎng)頁滾動條的滾動值P，根據(jù)該滾動值P實時確定所述可視區(qū)域頂部到網(wǎng)頁整體內(nèi)容頂部的實時距離d ;將d/m的整數(shù)部分加I作為可視區(qū)域 的起始排號C，將(d+h) /m的整數(shù)部分作為可視區(qū)域的終止排號z，則所述可視區(qū)域的取值范圍為:[c，z]； 對應(yīng)的，所述判斷動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置是否在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)，具體包括:根據(jù)該動態(tài)圖片的編號和當(dāng)前網(wǎng)頁的預(yù)定排列規(guī)則確定該動態(tài)圖片所在的排號；然后判斷該排號是否在所述可視區(qū)域的取值范圍[c，z]之內(nèi)，如果是則判定該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置在所述可視區(qū)域的取值范圍內(nèi)，否則判定該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置不在所述可視區(qū)域的取值范圍內(nèi)。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述在未創(chuàng)建該動態(tài)圖片對應(yīng)的顯示標(biāo)簽的情況下創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片，具體包括: 創(chuàng)建文本標(biāo)簽作為顯示標(biāo)簽，在該文本標(biāo)簽中設(shè)置本地操作系統(tǒng)圖片處理濾鏡的調(diào)用命令，將該調(diào)用命令的處理地址設(shè)置為所述動態(tài)圖片在本地的緩存地址，在所述預(yù)定位置上插入該文本標(biāo)簽； 所述執(zhí)行所述顯示標(biāo)簽以加載顯示對應(yīng)的圖片，具體包括:執(zhí)行所述文本標(biāo)簽，調(diào)用本地操作系統(tǒng)圖片處理濾鏡從所述動態(tài)圖片中提取一幀圖片，將提取出的該一幀圖片作為靜態(tài)圖片加載顯示在所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置。
5.根據(jù)權(quán)利要求4所述的方法，其特征在于，該方法在檢測到預(yù)覽所述靜態(tài)圖片對應(yīng)的動態(tài)圖片的指令后，進(jìn)一步包括: 刪除所述靜態(tài)圖片對應(yīng)的文本標(biāo)簽； 新建圖片標(biāo)簽，設(shè)置該圖片標(biāo)簽的地址為所述動態(tài)圖片在本地的緩存地址，將該圖片標(biāo)簽插入到所刪除的所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置； 執(zhí)行所述圖片標(biāo)簽，在該圖片標(biāo)簽對應(yīng)的網(wǎng)頁位置加載顯示所述動態(tài)圖片。
6.根據(jù)權(quán)利要求5所述的方法，其特征在于，該方法在檢測到停止預(yù)覽所述動態(tài)圖片的指令后，進(jìn)一步包括: 刪除所述動態(tài)圖片對應(yīng)的圖片標(biāo)簽； 新建文本標(biāo)簽，在該文本標(biāo)簽中設(shè)置本地操作系統(tǒng)圖片處理濾鏡的調(diào)用命令，將該調(diào)用命令的處理地址設(shè)置為所述動態(tài)圖片在本地的緩存地址，將該文本標(biāo)簽插入到所刪除的所述圖片標(biāo)簽的網(wǎng)頁位置； 執(zhí)行所述文本標(biāo)簽，調(diào)用本地操作系統(tǒng)圖片處理濾鏡從所述動態(tài)圖片中提取一幀圖片，將提取出的該一幀圖片作為靜態(tài)圖片加載顯示在所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置。
7.—種網(wǎng)絡(luò)動態(tài)圖片的滾動分頁顯示裝置，其特征在于，包括: 圖片訪問下載模塊，用于從服務(wù)器下載網(wǎng)絡(luò)動態(tài)圖片到本地； 可視區(qū)域確定模塊，用于根據(jù)滾動條的滾動值實時確定當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍； 遍歷處理模塊，用于遍歷所述下載到本地的動態(tài)圖片；針對每一動態(tài)圖片，判斷該動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置是否在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)；如果是則在未創(chuàng)建該動態(tài)圖片對應(yīng)的顯示標(biāo)簽的情況下創(chuàng)建顯示標(biāo)簽來顯示對應(yīng)的圖片；否則不創(chuàng)建對應(yīng)的顯示標(biāo)簽，并在已經(jīng)創(chuàng)建對應(yīng)顯示標(biāo)簽的情況下刪除該顯示標(biāo)簽； 第一顯示模塊，用于刷新網(wǎng)頁，執(zhí)行所述顯示標(biāo)簽以加載顯示對應(yīng)的圖片。
8.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述圖片訪問下載模塊具體包括: 默認(rèn)下載模塊，用于先向服務(wù)器發(fā)起獲取第一分頁的動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地； 批次下載模塊，用于監(jiān)聽當(dāng)前網(wǎng)頁滾動條的滾動值，根據(jù)滾動條的滾動分批次向服務(wù)器發(fā)起獲取下一分頁的動態(tài)圖片的請求，并根據(jù)服務(wù)器返回的動態(tài)圖片的地址下載所述動態(tài)圖片到本地。
9.根據(jù)權(quán)利要求7所述的裝置，其特征在于， 所述遍歷處理模塊中具體包括第一標(biāo)簽建立模塊，用于所述動態(tài)圖片在當(dāng)前網(wǎng)頁的預(yù)定位置在所述當(dāng)前網(wǎng)頁可視區(qū)域的取值范圍內(nèi)、且在未創(chuàng)建該動態(tài)圖片對應(yīng)的顯示標(biāo)簽的情況下，創(chuàng)建文本標(biāo)簽作為顯示標(biāo)簽，在該文本標(biāo)簽中設(shè)置本地操作系統(tǒng)圖片處理濾鏡的調(diào)用命令，將該調(diào)用命令的處理地址設(shè)置為所述動態(tài)圖片在本地的緩存地址，在所述預(yù)定位置上插入該文本標(biāo)簽； 所述第一顯示模塊具體用于:刷新網(wǎng)頁，執(zhí)行所述文本標(biāo)簽，調(diào)用本地操作系統(tǒng)圖片處理濾鏡從所述動態(tài)圖片中提取一幀圖片，將提取出的該一幀圖片作為靜態(tài)圖片加載顯示在所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置。
10.根據(jù)權(quán)利要求9述的裝置，其特征在于，該裝置進(jìn)一步包括: 第一檢測模塊，用于檢測是否收到預(yù)覽所述靜態(tài)圖片對應(yīng)的動態(tài)圖片的指令，如果是則觸發(fā)所述第二標(biāo)簽建立模塊； 第二標(biāo)簽建立模塊，用于刪除所述靜態(tài)圖片對應(yīng)的文本標(biāo)簽，新建圖片標(biāo)簽，設(shè)置該圖片標(biāo)簽的地址為所述動態(tài)圖片在本地的緩存地址，將該圖片標(biāo)簽插入到所刪除的所述文本標(biāo)簽對應(yīng)的網(wǎng)頁位置； 第二顯示模塊，用于刷新頁面，執(zhí)行所述第二標(biāo)簽建立模塊建立的圖片標(biāo)簽，在該圖片標(biāo)簽對應(yīng)的網(wǎng)頁位置加載顯示所述動態(tài)圖片。
11.根據(jù)權(quán)利要求10所述的裝置，其特征在于，該裝置進(jìn)一步包括: 第二檢測模塊，用于檢測是否收到停止預(yù)覽所述第二顯示模塊加載顯示的動態(tài)圖片的指令，如果是則觸發(fā)所述第三標(biāo)簽建立模塊； 第三標(biāo)簽建立模塊，用于刪除所述動態(tài)圖片對應(yīng)的圖片標(biāo)簽，新建文本標(biāo)簽，在該文本標(biāo)簽中設(shè)置本地操作系統(tǒng)圖片處理濾鏡的調(diào)用命令，將該調(diào)用命令的處理地址設(shè)置為所述動態(tài)圖片在本地的緩存地址，將該文本標(biāo)簽插入到所刪除的所述圖片標(biāo)簽的網(wǎng)頁位置；第三顯示模塊，用于刷新頁面，執(zhí)行所述第三標(biāo)簽建立模塊建立的文本標(biāo)簽，調(diào)用本地操作系統(tǒng)圖片處理濾鏡從所述動態(tài)圖片中提取一幀圖片，將提取出的該一幀圖片作為靜態(tài)圖片加載顯示在所述文本標(biāo)簽·對應(yīng)的網(wǎng)頁位置。
【文檔編號】G06F3/0485GK103853417SQ201210504533
【公開日】2014年6月11日 申請日期:2012年11月30日 優(yōu)先權(quán)日:2012年11月30日
【發(fā)明者】鄭旭澤 申請人:騰訊科技（深圳）有限公司