專利名稱：網(wǎng)頁圖片顯示裝置和方法
技術(shù)領(lǐng)域：
本發(fā)明涉及計算機技術(shù)領(lǐng)域，更具體地，涉及一種網(wǎng)頁圖片顯示裝置和方法。
背景技術(shù)：
用戶在通過網(wǎng)頁瀏覽器加載網(wǎng)頁后，有時會希望瀏覽網(wǎng)頁中所包含的圖片。在一種典型的場合中，用戶通過搜索引擎進行圖片搜索后，通常會希望對搜索結(jié)果網(wǎng)頁中的圖片進行顯示供瀏覽。在其他的場合中，用戶有時也希望能夠?qū)W(wǎng)頁中的圖片進行瀏覽。在現(xiàn)有的一種網(wǎng)頁圖片顯示方案中，在監(jiān)測到用戶對網(wǎng)頁中的圖片的點擊事件后，由網(wǎng)頁的服務(wù)器端將網(wǎng)頁中的待瀏覽圖片組合生成一個flash文件，并將這個flash文件下載到瀏覽器端進行播放。在這個flash文件中，將被點擊的圖片的最佳尺寸顯示作為flash的一巾貞,并且在接收到用戶對該flash的點擊事件時，自動進行flash巾貞的切換，以向用戶逐個顯示待瀏覽圖片。這樣的方案幾乎完全是服務(wù)器側(cè)的方案，瀏覽器側(cè)的參與很少，僅僅是播放Flash文件的工具。這對于服務(wù)器側(cè)的要求很高，而且flash文件的數(shù)據(jù)量通常較大，向瀏覽器的下載速度會是一個瓶頸。

發(fā)明內(nèi)容
鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的網(wǎng)頁圖片顯示裝置和相應(yīng)的網(wǎng)頁圖片顯示方法?！?br> 按照本發(fā)明的一個方面，提供了一種網(wǎng)頁圖片顯示裝置，用于顯示網(wǎng)頁瀏覽器所加載的網(wǎng)頁中的圖片。該網(wǎng)頁圖片顯示裝置包括圖片信息獲取器，配置成在所述網(wǎng)頁瀏覽器加載所述網(wǎng)頁的過程中，在所述網(wǎng)頁中的一圖片加載完成時獲取用于顯示該圖片的預(yù)定圖片信息；圖片瀏覽器，配置成根據(jù)所述預(yù)定圖片信息對所述圖片進行顯示以供瀏覽?？蛇x地，所述圖片信息獲取器的獲取操作由所述圖片的加載完成事件來觸發(fā)執(zhí)行?？蛇x地，所述網(wǎng)頁圖片顯示裝置還包括圖片信息存儲器，用于存儲所述預(yù)定圖片信息。所述圖片瀏覽器可以根據(jù)所述圖片信息存儲器中所存儲的預(yù)定圖片信息對所述圖片進行顯示。所述預(yù)定圖片信息可以包括所述圖片的圖片地址和/或圖片文件本身，還可以選擇性地包括所述圖片的圖片尺寸，還可以選擇性地包括所述圖片的圖片說明。可選地，所述網(wǎng)頁圖片顯示裝置還包括圖片篩選器，配置成根據(jù)預(yù)定條件對所述圖片進行篩選操作，以獲得符合所述預(yù)定條件的經(jīng)篩選圖片。所述圖片瀏覽器可以僅顯示所述經(jīng)篩選圖片。所述圖片瀏覽器可以由用戶的圖片瀏覽指令來觸發(fā)運行?？蛇x地，所述網(wǎng)頁圖片顯示裝置可以包括設(shè)置在所述網(wǎng)頁瀏覽器中的第一圖片瀏覽按鈕，用于接收用戶的所述圖片瀏覽指令。可選地，所述網(wǎng)頁圖片顯示裝置可以包括瀏覽按鈕生成器，配置成在已獲取預(yù)定圖片信息的對應(yīng)圖片上生成懸浮于所述圖片之上的第二圖片瀏覽按鈕，用于接收用戶的所述圖片瀏覽指令?？蛇x地，所述圖片瀏覽器包括瀏覽窗口生成單元，配置成新建一用于進行所述顯示的圖片瀏覽窗口。所述圖片瀏覽窗口的形式可以為加載網(wǎng)頁頁面的網(wǎng)頁窗口。所述圖片瀏覽器還可以包括圖片顯示單元，配置成在所述圖片瀏覽窗口中根據(jù)所述預(yù)定圖片信息加載并顯示當(dāng)前瀏覽圖片。按照本發(fā)明的另一方面，提供了一種網(wǎng)頁圖片顯示方法，用于顯示網(wǎng)頁瀏覽器所加載的網(wǎng)頁中的圖片。該網(wǎng)頁圖片瀏覽方法包括圖片信息獲取步驟，用于在所述網(wǎng)頁瀏覽器加載所述網(wǎng)頁的過程中，在所述網(wǎng)頁中的一圖片加載完成時獲取用于顯示該圖片的預(yù)定圖片信息；圖片瀏覽步驟，用于根據(jù)所述預(yù)定圖片信息對所述圖片進行顯示以供瀏覽。
可選地，所述圖片信息獲取步驟的獲取操作由所述圖片的加載完成事件來觸發(fā)執(zhí)行。可選地，所述網(wǎng)頁圖片顯示方法還包括圖片信息存儲步驟，用于將所述預(yù)定圖片信息存儲在圖片信息存儲器中。在所述圖片瀏覽步驟中，可以根據(jù)所述圖片信息存儲器中所存儲的預(yù)定圖片信息對所述圖片進行顯示?？蛇x地，所述網(wǎng)頁圖片顯示方法還包括圖片篩選步驟，用于根據(jù)預(yù)定條件對所述圖片進行篩選操作，以獲得符合所述預(yù)定條件的經(jīng)篩選圖片。在所述圖片瀏覽步驟中可以僅顯示所述經(jīng)篩選圖片。所述圖片瀏覽步驟可以由用戶的圖片瀏覽指令來觸發(fā)執(zhí)行?？蛇x地，可以提供設(shè)置在所述網(wǎng)頁瀏覽器中的第一圖片瀏覽按鈕，用于接收用戶的所述圖片瀏覽指令。可選地，所述網(wǎng)頁圖片顯示方法還包括瀏覽按鈕生成步驟，用于在已獲取預(yù)定圖片信息的對應(yīng)圖片上生成懸浮于所述圖片之上的第二圖片瀏覽按鈕，用于接收用戶的所述圖片瀏覽指令?？蛇x地，所述圖片瀏覽步驟包括瀏覽窗口生成子步驟，用于新建一用于進行所述顯示的圖片瀏覽窗口。所述圖片瀏覽窗口的形式為加載網(wǎng)頁頁面的網(wǎng)頁窗口。所述圖片瀏覽步驟還可以包括圖片顯示子步驟，用于在所述圖片瀏覽窗口中根據(jù)所述預(yù)定圖片信息加載并顯示當(dāng)前瀏覽圖片。根據(jù)本發(fā)明的網(wǎng)頁圖片顯示裝置和方法可以在網(wǎng)頁的每一圖片加載完成時就獲取了顯示圖片所需的預(yù)定圖片信息，因此可以快速地進入圖片瀏覽模式。本發(fā)明基本上完全在瀏覽器側(cè)實現(xiàn)了圖片的快速瀏覽，對于服務(wù)器側(cè)的額外要求基本沒有。本發(fā)明可以方便地結(jié)合到網(wǎng)頁瀏覽器中，實現(xiàn)網(wǎng)頁瀏覽器的圖片瀏覽功能。上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的內(nèi)容予以實施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠更明顯易懂，以下特舉本發(fā)明的具體實施方式
。


通過閱讀下文優(yōu)選實施方式的詳細(xì)描述，各種其他的優(yōu)點和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認(rèn)為是對本發(fā)明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中
圖I是按照本發(fā)明的網(wǎng)頁圖片顯示裝置的一個實施例的結(jié)構(gòu)示意圖；和圖2是按照本發(fā)明的網(wǎng)頁圖片顯示方法的一個實施例的流程圖。
具體實施例方式下面將參照附圖更詳細(xì)地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例，然而應(yīng)當(dāng)理解，可以以各種形式實現(xiàn)本公開而不應(yīng)被這里闡述的實施例所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。除了背景技術(shù)中所提出的網(wǎng)頁圖片顯示方案之外，在另一種可能的圖片顯示方案中，可以在瀏覽器對整個網(wǎng)頁加載完成后，使用專門設(shè)計的程序?qū)W(wǎng)頁中的待瀏覽圖片進行逐個搜索，以獲取相應(yīng)的用于圖片顯示的圖片信息，并最終將圖片顯示給用戶以供瀏覽。這樣的方案的問題在于，用戶只有等待整個網(wǎng)頁加載完成后，并且再繼續(xù)等待所有圖片信 息獲取完成后才能進行圖片的瀏覽。這有時是一個比較耗時的過程，不利于用戶的體驗。圖I示出了按照本發(fā)明的一種網(wǎng)頁圖片顯示裝置100，用于顯示網(wǎng)頁瀏覽器所加載的網(wǎng)頁中的圖片。該網(wǎng)頁圖片顯示裝置100可以包括圖片信息獲取器110和圖片瀏覽器120。圖片信息獲取器110用于在網(wǎng)頁瀏覽器加載網(wǎng)頁的過程中，在網(wǎng)頁中的一圖片加載完成時獲取用于顯示該圖片的預(yù)定圖片信息。圖片瀏覽器120用于根據(jù)圖片信息獲取器110所獲得的預(yù)定圖片信息對該圖片進行顯示以供用戶瀏覽。網(wǎng)頁瀏覽器在加載網(wǎng)頁時，會先向瀏覽器向網(wǎng)頁服務(wù)器發(fā)出請求，而網(wǎng)頁服務(wù)器則向瀏覽器返回一個html文件，并由瀏覽器對其中的html代碼進行渲染。當(dāng)瀏覽器在代碼中發(fā)現(xiàn)一個<img>標(biāo)簽引用了一張圖片時，則向服務(wù)器發(fā)出圖片下載請求。此時瀏覽器不會等到圖片下載完，而是繼續(xù)渲染后面的代碼。當(dāng)瀏覽器從服務(wù)器下載獲得之前請求的圖片文件時，由于圖片占用了一定面積，影響了后面段落的排布，因此瀏覽器需要回過頭來重新渲染與該圖片相關(guān)的這部分代碼，以加載所獲得的圖片文件。在上述過程中，在每一張圖片下載并加載完成后，會觸發(fā)一個加載完成事件，即onloadcomplete事件。在系統(tǒng)默認(rèn)情況下，圖片的加載完成事件不會觸發(fā)任何處理過程。上面的描述是本領(lǐng)域技術(shù)人員所熟知的。在一個實施例中，圖片信息獲取器110可以通過對圖片的加載完成事件111的處理函數(shù)進行重寫來實現(xiàn)。例如，可以定義圖片的加載完成事件的處理函數(shù)onloadcompleteO，并在該函數(shù)中獲取進行圖片顯示所需要的預(yù)定圖片信息。這樣，所加載的網(wǎng)頁中的任一圖片加載完成后，其對應(yīng)的加載完成事件111都會觸發(fā)執(zhí)行該處理函數(shù)onloadcomplete O ,以立即進行對預(yù)定圖片信息的獲取操作。在網(wǎng)頁中含有多個圖片的情況下，每一張圖片加載完成后都會重復(fù)上述獲取操作，從而分別獲得各圖片對應(yīng)的預(yù)定圖片信息。在其它實施例中，圖片信息獲取器110也可以以其它合適的方式在每張圖片加載完成時立即對其進行獲取操作，以獲得所需的預(yù)定圖片信息。在一個實施例中，進行圖片顯示所需的預(yù)定圖片信息可以包括圖片的圖片地址URL和圖片尺寸。在另一個實施例中，該預(yù)定圖片信息可以包括圖片文件本身。可選擇地，在這兩個實施例中，該預(yù)定圖片信息還可以包括圖片的圖片說明?？蛇x地，該網(wǎng)頁圖片顯示裝置100可以包括圖片信息存儲器130，用于存儲圖片信息獲取器110所獲取的預(yù)定圖片信息。在一個實施例中，該圖片信息存儲器130可以是一塊內(nèi)存區(qū)域。圖片信息獲取器110所獲取的各個圖片的預(yù)定圖片信息例如可以以列表的方式存儲在該圖片信息存儲器130中。這樣，圖片瀏覽器120可以讀取圖片信息存儲器130中所存儲的預(yù)定圖片信息來加載并顯示對應(yīng)的圖片?？梢岳斫猓谒虞d的網(wǎng)頁中，可能并非所有的圖片都是用戶所希望進行瀏覽的，如圖標(biāo)圖片和/或廣告圖片。因此，可選地，該網(wǎng)頁圖片顯示裝置100可以包括圖片篩選器140，用于根據(jù)預(yù)定條件對網(wǎng)頁中的圖片進行篩選操作，以獲得符合該預(yù)定條件的經(jīng)篩選圖片。換句話說，該圖片篩選器140可以篩選掉那些用戶不希望瀏覽的圖片。圖片篩選器140可以基于預(yù)定圖片信息來確定一張圖片是否符合預(yù)定條件。例如，小于預(yù)定尺寸的圖片可能是網(wǎng)頁中的圖標(biāo)圖片。相應(yīng)地，在一個實施例中，圖片篩選器140可以根據(jù)圖片尺寸來篩選出達(dá)到預(yù)定尺寸的圖片作為經(jīng)篩選圖片。在另一個實施例中，圖片篩選器140可以根據(jù)圖片的圖片說明來篩選掉那些不希望瀏覽的圖片。這樣，利用圖片篩選器140，可以使得只有符合預(yù)定條件的經(jīng)篩選圖片的預(yù)定圖片信息存儲在圖片信息存儲器130中。相應(yīng)地，圖片瀏覽器120也通過讀取圖片信息存儲器130中存儲的預(yù)定圖片信息，而僅顯示經(jīng)圖片篩 選器140篩選出的圖片。當(dāng)用戶要瀏覽網(wǎng)頁中的圖片時，可以通過發(fā)出圖片瀏覽指令180來觸發(fā)運行該圖片瀏覽器120?？蛇x地，可以在網(wǎng)頁瀏覽器中設(shè)置第一圖片瀏覽按鈕150，用于接收用戶的圖片瀏覽指令180。該第一圖片瀏覽按鈕150可以是網(wǎng)頁瀏覽器中的一個插件形式的按鈕?？蛇x地，該網(wǎng)頁圖片顯示裝置100還可以包括瀏覽按鈕生成器160，用于在已獲取預(yù)定圖片信息的對應(yīng)圖片上生成懸浮于該圖片之上的第二圖片瀏覽按鈕170，該第二圖片瀏覽按鈕170也用于接收用戶的圖片瀏覽指令180。該第二圖片瀏覽按鈕170可以在圖片的onloadcomplete事件發(fā)生后，以DIV層的形式懸浮加載在對應(yīng)圖片的上方。在其它實施例中，可以僅提供第一圖片瀏覽按鈕150和第二圖片瀏覽按鈕170中的一種，或者以其它的方式接收用戶的圖片瀏覽指令180。圖片瀏覽器120可以包括瀏覽窗口生成單元121，用于新建一個圖片瀏覽窗口，以便顯示圖片。在一個實施例中，該圖片瀏覽窗口的形式可以是加載網(wǎng)頁頁面(Web頁面)的網(wǎng)頁窗口。該圖片瀏覽器120還可以包括圖片顯示單元121，用于在圖片瀏覽窗口中根據(jù)已經(jīng)獲得的預(yù)定圖片信息加載并顯示當(dāng)前瀏覽圖片。這樣，當(dāng)用戶點擊或者觸發(fā)預(yù)定的圖片瀏覽按鈕150或170時，圖片瀏覽器120的瀏覽窗口生成單元121生成一個獨立的圖片瀏覽窗口，在該窗口中加載Web頁面。由圖片顯示單元122讀取圖片信息存儲器130中的預(yù)定圖片信息的列表，以獲取到圖片的URL地址或圖片文件本身、尺寸、圖片說明等預(yù)定圖片信息，并在該網(wǎng)頁窗口的Web頁面上生成一個對應(yīng)的DIV層，在該DIV層中加載一個當(dāng)前瀏覽的圖片。其它的待瀏覽圖片可以以微縮圖的方式顯示在一側(cè)，以待用戶點擊并在該DIV層中顯示。應(yīng)當(dāng)理解，當(dāng)預(yù)定圖片信息中包含圖片的圖片地址URL而沒有圖片文件本身時，該圖片瀏覽器120會根據(jù)圖片地址URL下載對應(yīng)的圖片文件來顯示?；蛘撸瑘D片瀏覽器120可以在后臺獲取在加載網(wǎng)頁時已經(jīng)緩存到了本地的圖片文件，這樣在圖片瀏覽時就不用去服務(wù)器再進行下載，而是直接在本地緩存獲取已經(jīng)下載的圖片文件。如前所述，該預(yù)定圖片信息中也可以包括圖片文件本身，這樣在瀏覽圖片時就可以直接獲取到所需要的圖片文件。當(dāng)預(yù)定圖片信息中包括圖片說明時，可以在瀏覽圖片時，在所瀏覽圖片的下方顯示對應(yīng)的圖片說明。圖2示出了按照本發(fā)明的一種網(wǎng)頁圖片顯示方法200，用于顯示網(wǎng)頁瀏覽器所加載的網(wǎng)頁中的圖片。圖2所示的網(wǎng)頁圖片顯示方法200適合于在結(jié)合圖I所描述的網(wǎng)頁圖片顯示裝置100中執(zhí)行。該網(wǎng)頁圖片顯示方法200可以包括圖片信息獲取步驟210和圖片瀏覽步驟220。圖片信息獲取步驟210用于在網(wǎng)頁瀏覽器加載網(wǎng)頁的過程中，在網(wǎng)頁中的一圖片加載完成時獲取用于顯示該圖片的預(yù)定圖片信息。圖片瀏覽步驟220用于根據(jù)在圖片信息獲取步驟210所獲得的預(yù)定圖片信息對該圖片進行顯示以供用戶瀏覽。該步驟210和220可以分別由圖I所示的網(wǎng)頁圖片顯示裝置100中的圖片信息獲取器110和圖片瀏覽器120來執(zhí)行。在一個實施例中，圖片信息獲取步驟210的獲取操作由圖片的加載完成事件111來觸發(fā)執(zhí)行，而該獲取操作可以通過對圖片的加載完成事件111的處理函數(shù)進行重寫來實現(xiàn)。例如，可以定義圖片的加載完成事件的處理函數(shù)onloadcomplete O，并在該函數(shù)中獲取 進行圖片顯示所需要的預(yù)定圖片信息。這樣，所加載的網(wǎng)頁中的任一圖片加載完成后，其對應(yīng)的加載完成事件111都會觸發(fā)執(zhí)行該處理函數(shù)onloadcompleteO，以立即進行對預(yù)定圖片信息的獲取操作。在網(wǎng)頁中含有多個圖片的情況下，每一張圖片加載完成后都會重復(fù)上述獲取操作，從而分別獲得各圖片對應(yīng)的預(yù)定圖片信息。在其它實施例中，在圖片信息獲取步驟210也可以以其它合適的方式在每張圖片加載完成時立即對其進行獲取操作，以獲得所需的預(yù)定圖片信息。在一個實施例中，進行圖片顯示所需的預(yù)定圖片信息可以包括圖片的圖片地址URL和圖片尺寸。在另一個實施例中，該預(yù)定圖片信息可以包括圖片文件本身?？蛇x擇地，在這兩個實施例中，該預(yù)定圖片信息還可以包括圖片的圖片說明?？蛇x地，該網(wǎng)頁圖片顯示方法200可以包括圖片信息存儲步驟230，用于將所述預(yù)定圖片信息存儲在圖片信息存儲器中，如圖I所示的圖片信息獲取器110中。在圖片信息獲取步驟210所獲取的各個圖片的預(yù)定圖片信息例如可以以列表的方式存儲在該圖片信息存儲器中。這樣，在圖片瀏覽步驟220中就可以讀取圖片信息存儲器中所存儲的預(yù)定圖片信息來加載并顯示對應(yīng)的圖片。可選地，該網(wǎng)頁圖片顯示方法200還可以包括圖片篩選步驟240，用于根據(jù)預(yù)定條件對網(wǎng)頁中的圖片進行篩選操作，以獲得符合該預(yù)定條件的經(jīng)篩選圖片。換句話說，在圖片篩選步驟240中可以篩選掉那些用戶不希望瀏覽的圖片。在圖片篩選步驟240中，可以基于預(yù)定圖片信息來確定一張圖片是否符合預(yù)定條件。例如，小于預(yù)定尺寸的圖片可能是網(wǎng)頁中的圖標(biāo)圖片。相應(yīng)地，在一個實施例中，在圖片篩選步驟240中可以根據(jù)圖片尺寸來篩選出達(dá)到預(yù)定尺寸的圖片作為經(jīng)篩選圖片。在另一個實施例中，在圖片篩選步驟240中可以根據(jù)圖片的圖片說明來篩選掉那些不希望瀏覽的圖片。這樣，通過圖片篩選步驟240，可以使得只有符合預(yù)定條件的經(jīng)篩選圖片的預(yù)定圖片信息存儲在圖片信息存儲器中。相應(yīng)地，在圖片瀏覽步驟220也通過讀取圖片信息存儲器中存儲的預(yù)定圖片信息，而僅顯示經(jīng)圖片篩選步驟240篩選出的圖片。該圖片篩選步驟240可以由圖I所示的網(wǎng)頁圖片顯示裝置100中的圖片篩選器140來執(zhí)行。當(dāng)用戶要瀏覽網(wǎng)頁中的圖片時，可以通過發(fā)出圖片瀏覽指令180來觸發(fā)運行該圖片瀏覽步驟220。可選地，可以在網(wǎng)頁瀏覽器中設(shè)置第一圖片瀏覽按鈕150，用于接收用戶的圖片瀏覽指令180。該第一圖片瀏覽按鈕150可以是網(wǎng)頁瀏覽器中的一個插件形式的按鈕?？蛇x地，該網(wǎng)頁圖片顯示方法200還可以包括瀏覽按鈕生成步驟260，用于在已獲取預(yù)定圖片信息的對應(yīng)圖片上生成懸浮于該圖片之上的第二圖片瀏覽按鈕170，該第二圖片瀏覽按鈕170也用于接收用戶的圖片瀏覽指令180。該第二圖片瀏覽按鈕170可以在圖片的onloadcomplete事件發(fā)生后，以DIV層的形式懸浮加載在對應(yīng)圖片的上方。在其它實施例中，也可以僅提供第一圖片瀏覽按鈕150和第二圖片瀏覽按鈕170中的一種，或者以其它的方式接收用戶的圖片瀏覽指令180。圖片瀏覽步驟220可以包括瀏覽窗口生成子步驟，用于新建一個圖片瀏覽窗口，以便顯示圖片。在一個實施例中，該圖片瀏覽窗口的形式可以是加載網(wǎng)頁頁面(Web頁面)的網(wǎng)頁窗口。該圖片瀏覽步驟220還可以包括圖片顯示子步驟，用于在圖片瀏覽窗口中根據(jù)已經(jīng)獲得的預(yù)定圖片信息加載并顯示當(dāng)前瀏覽圖片。這樣，當(dāng)用戶點擊或者觸發(fā)預(yù)定的圖片瀏覽按鈕150或170時，會生成一個獨立的圖片瀏覽窗口，在該窗口中加載Web頁面。然后讀取圖片信息存儲器中的預(yù)定圖片信息的列表，以獲取到圖片的URL地址或圖片文件本身、尺寸、圖片說明等預(yù)定圖片信息，并在該網(wǎng)頁窗口的Web頁面上生成一個對應(yīng)的DIV 層，在該DIV層中加載一個當(dāng)前瀏覽的圖片。其它的待瀏覽圖片可以以微縮圖的方式顯示 在一側(cè)，以待用戶點擊并在該DIV層中顯示。應(yīng)當(dāng)理解，當(dāng)預(yù)定圖片信息中包含圖片的圖片地址URL而沒有圖片文件本身時，在圖片瀏覽步驟220中會根據(jù)圖片地址URL下載對應(yīng)的圖片文件來顯示?；蛘?，可以在后臺獲取在加載網(wǎng)頁時已經(jīng)緩存到了本地的圖片文件，這樣在圖片瀏覽時就不用去服務(wù)器再進行下載，而是直接在本地緩存獲取已經(jīng)下載的圖片文件。如前所述，該預(yù)定圖片信息中也可以包括圖片文件本身，這樣在瀏覽圖片時就可以直接獲取到所需要的圖片文件。當(dāng)預(yù)定圖片信息中包括圖片說明時，可以在瀏覽圖片時，在所瀏覽圖片的下方顯示對應(yīng)的圖片說明。在圖2所示的網(wǎng)頁圖片顯示方法200的一個具體的實現(xiàn)過程中，該方法200可以始于圖片信息獲取步驟210，對網(wǎng)頁中圖片逐一進行獲取操作，以獲得顯示圖片所需的預(yù)定圖片信息。對于已經(jīng)獲取的預(yù)定圖片信息，在圖片篩選步驟240中根據(jù)預(yù)先設(shè)定的條件對對圖片進行篩選。這樣，只有符合預(yù)定條件的圖片(或者說用戶希望瀏覽的圖片)的預(yù)定圖片信息可以經(jīng)由圖片信息存儲步驟230存儲到圖片信息存儲器中。需要注意的是，可以在圖片信息獲取步驟210每獲得一張圖片的預(yù)定圖片信息之后就立即針對對應(yīng)的圖片進行圖片篩選步驟240和圖片信息存儲步驟230，所以圖片信息獲取步驟210和圖片篩選步驟240基本上是同步進行的。和圖片信息獲取步驟210基本同步進行的還有瀏覽按鈕生成步驟260，以便在已獲取預(yù)定圖片信息的對應(yīng)圖片上生成懸浮于該圖片之上的第二圖片瀏覽按鈕170。用戶可以通過點擊第一圖片瀏覽按鈕150或第二圖片瀏覽按鈕170來觸發(fā)執(zhí)行圖片瀏覽步驟220，以進行圖片瀏覽。需要注意的是，用戶可以不必等待圖片信息獲取步驟210對網(wǎng)頁中的所有圖片進行了獲取操作之后才進行圖片瀏覽，而是在圖片信息獲取步驟210進行過程中就可以根據(jù)已經(jīng)獲取并存儲在圖片信息存儲器中的預(yù)定圖片信息瀏覽對應(yīng)的圖片。按照本發(fā)明，由于在網(wǎng)頁的圖片加載完成時就獲取了顯示圖片所需的預(yù)定圖片信息，因此可以快速地進入圖片瀏覽模式。本發(fā)明基本上完全在瀏覽器側(cè)實現(xiàn)了圖片的快速瀏覽，對于服務(wù)器側(cè)的額外要求基本沒有。本發(fā)明可以方便地結(jié)合到網(wǎng)頁瀏覽器中，實現(xiàn)網(wǎng)頁瀏覽器的圖片瀏覽功能。在此提供的算法和顯示不與任何特定計算機、虛擬系統(tǒng)或者其它設(shè)備固有相關(guān)。各種通用系統(tǒng)也可以與基于在此的示教一起使用。根據(jù)上面的描述，構(gòu)造這類系統(tǒng)所要求的結(jié)構(gòu)是顯而易見的。此外，本發(fā)明也不針對任何特定編程語言。應(yīng)當(dāng)明白，可以利用各種編程語言實現(xiàn)在此描述的本發(fā)明的內(nèi)容，并且上面對特定語言所做的描述是為了披露本發(fā)明的最佳實施方式。在此處所提供的說明書中，說明了大量具體細(xì)節(jié)。然而，能夠理解，本發(fā)明的實施例可以在沒有這些具體細(xì)節(jié)的情況下實踐。在一些實例中，并未詳細(xì)示出公知的方法、結(jié)構(gòu)和技術(shù)，以便不模糊對本說明書的理解。類似地，應(yīng)當(dāng)理解，為了精簡本公開并幫助理解各個發(fā)明方面中的一個或多個，在上面對本發(fā)明的示例性實施例的描述中，本發(fā)明的各個特征有時被一起分組到單個實施例、圖、或者對其的描述中。然而，并不應(yīng)將該公開的方法解釋成反映如下意圖即所要求保
護的本發(fā)明要求比在每個權(quán)利要求中所明確記載的特征更多的特征。更確切地說，如下面的權(quán)利要求書所反映的那樣，發(fā)明方面在于少于前面公開的單個實施例的所有特征。因此，遵循具體實施方式
的權(quán)利要求書由此明確地并入該具體實施方式
，其中每個權(quán)利要求本身都作為本發(fā)明的單獨實施例。本領(lǐng)域那些技術(shù)人員可以理解，可以對實施例中的設(shè)備中的模塊進行自適應(yīng)性地改變并且把它們設(shè)置在與該實施例不同的一個或多個設(shè)備中?？梢园褜嵤├械哪K或單元或組件組合成一個模塊或單元或組件，以及此外可以把它們分成多個子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外，可以采用任何組合對本說明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者設(shè)備的所有過程或單元進行組合。除非另外明確陳述，本說明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的每個特征可以由提供相同、等同或相似目的的替代特征來代替。此外，本領(lǐng)域的技術(shù)人員能夠理解，盡管在此所述的一些實施例包括其它實施例中所包括的某些特征而不是其它特征，但是不同實施例的特征的組合意味著處于本發(fā)明的范圍之內(nèi)并且形成不同的實施例。例如，在下面的權(quán)利要求書中，所要求保護的實施例的任意之一都可以以任意的組合方式來使用。本發(fā)明的各個部件實施例可以以硬件實現(xiàn)，或者以在一個或者多個處理器上運行的軟件模塊實現(xiàn)，或者以它們的組合實現(xiàn)。本領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解，可以在實踐中使用微處理器或者數(shù)字信號處理器(DSP)來實現(xiàn)根據(jù)本發(fā)明實施例的網(wǎng)頁圖片顯示裝置中的一些或者全部部件的一些或者全部功能。本發(fā)明還可以實現(xiàn)為用于執(zhí)行這里所描述的方法的一部分或者全部的設(shè)備或者裝置程序(例如，計算機程序和計算機程序產(chǎn)品)。這樣的實現(xiàn)本發(fā)明的程序可以存儲在計算機可讀介質(zhì)上，或者可以具有一個或者多個信號的形式。這樣的信號可以從因特網(wǎng)網(wǎng)站上下載得到，或者在載體信號上提供，或者以任何其他形式提供。應(yīng)該注意的是上述實施例對本發(fā)明進行說明而不是對本發(fā)明進行限制，并且本領(lǐng)域技術(shù)人員在不脫離所附權(quán)利要求的范圍的情況下可設(shè)計出替換實施例。在權(quán)利要求中，不應(yīng)將位于括號之間的任何參考符號構(gòu)造成對權(quán)利要求的限制。單詞“包含”不排除存在未列在權(quán)利要求中的元件或步驟。位于元件之前的單詞“一”或“一個”不排除存在多個這樣的元件。本發(fā)明可以借助于包括有若干不同元件的硬件以及借助于適當(dāng)編程的計算機來實現(xiàn)。在列舉了若干裝置的單元權(quán)利要求中 ，這些裝置中的若干個可以是通過同一個硬件項來具體體現(xiàn)。單詞第一、第二、以及第三等的使用不表示任何順序。可將這些單詞解釋為名稱。
權(quán)利要求
1.一種網(wǎng)頁圖片顯示裝置，用于顯示網(wǎng)頁瀏覽器所加載的網(wǎng)頁中的圖片，包括圖片信息獲取器，配置成在所述網(wǎng)頁瀏覽器加載所述網(wǎng)頁的過程中，在所述網(wǎng)頁中的一圖片加載完成時獲取用于顯示該圖片的預(yù)定圖片信息；圖片瀏覽器，配置成根據(jù)所述預(yù)定圖片信息對所述圖片進行顯示以供瀏覽。
2.根據(jù)權(quán)利要求I所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述圖片信息獲取器的獲取操作由所述圖片的加載完成事件來觸發(fā)執(zhí)行。
3.根據(jù)權(quán)利要求I或2所述的網(wǎng)頁圖片顯示裝置，其特征在于，還包括圖片信息存儲器，用于存儲所述預(yù)定圖片信息。
4.根據(jù)權(quán)利要求3所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述圖片瀏覽器根據(jù)所述圖片信息存儲器中所存儲的預(yù)定圖片信息對所述圖片進行顯示。
5.根據(jù)權(quán)利要求1-4中任一項所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述預(yù)定圖片信息包括所述圖片的圖片地址和/或圖片文件本身。
6.根據(jù)權(quán)利要求5所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述預(yù)定圖片信息還包括所述圖片的圖片尺寸。
7.根據(jù)權(quán)利要求5或6所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述預(yù)定圖片信息還包括所述圖片的圖片說明。
8.根據(jù)權(quán)利要求1-7中任一項所述的網(wǎng)頁圖片顯示裝置，其特征在于，還包括圖片篩選器，配置成根據(jù)預(yù)定條件對所述圖片進行篩選操作，以獲得符合所述預(yù)定條件的經(jīng)篩選圖片。
9.根據(jù)權(quán)利要求8所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述圖片篩選器基于所述預(yù)定圖片信息來確定所述圖片是否符合預(yù)定條件。
10.根據(jù)權(quán)利要求8或9所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述圖片信息存儲器中僅存儲所述經(jīng)篩選圖片的預(yù)定圖片信息。
11.根據(jù)權(quán)利要求8-10中任一項所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述圖片瀏覽器僅顯示所述經(jīng)篩選圖片。
12.根據(jù)權(quán)利要求1-11中任一項所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述圖片瀏覽器由用戶的圖片瀏覽指令來觸發(fā)運行。
13.根據(jù)權(quán)利要求12所述的網(wǎng)頁圖片顯示裝置，其特征在于，還包括設(shè)置在所述網(wǎng)頁瀏覽器中的第一圖片瀏覽按鈕，用于接收用戶的所述圖片瀏覽指令。
14.根據(jù)權(quán)利要求12或13所述的網(wǎng)頁圖片顯示裝置，其特征在于，還包括瀏覽按鈕生成器，配置成在已獲取預(yù)定圖片信息的對應(yīng)圖片上生成懸浮于所述圖片之上的第二圖片瀏覽按鈕，用于接收用戶的所述圖片瀏覽指令。
15.根據(jù)權(quán)利要求1-14中任一項所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述圖片瀏覽器包括瀏覽窗口生成單元，配置成新建一用于進行所述顯示的圖片瀏覽窗口。
16.根據(jù)權(quán)利要求15所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述圖片瀏覽窗口的形式為加載網(wǎng)頁頁面的網(wǎng)頁窗口。
17.根據(jù)權(quán)利要求16所述的網(wǎng)頁圖片顯示裝置，其特征在于，所述圖片瀏覽器還包括圖片顯示單元，配置成在所述圖片瀏覽窗口中根據(jù)所述預(yù)定圖片信息加載并顯示當(dāng)前瀏覽圖片。
18.—種網(wǎng)頁圖片顯示方法，用于顯示網(wǎng)頁瀏覽器所加載的網(wǎng)頁中的圖片，包括 圖片信息獲取步驟，用于在所述網(wǎng)頁瀏覽器加載所述網(wǎng)頁的過程中，在所述網(wǎng)頁中的一圖片加載完成時獲取用于顯示該圖片的預(yù)定圖片信息； 圖片瀏覽步驟，用于根據(jù)所述預(yù)定圖片信息對所述圖片進行顯示以供瀏覽。
19.根據(jù)權(quán)利要求18所述的網(wǎng)頁圖片顯示方法，其特征在于，所述圖片信息獲取步驟的獲取操作由所述圖片的加載完成事件來觸發(fā)執(zhí)行。
20.根據(jù)權(quán)利要求18或10所述的網(wǎng)頁圖片顯示方法，其特征在于，還包括圖片信息存儲步驟，用于將所述預(yù)定圖片信息存儲在圖片信息存儲器中。
21.根據(jù)權(quán)利要求24所述的網(wǎng)頁圖片顯示方法，其特征在于，在所述圖片瀏覽步驟中，根據(jù)所述圖片信息存儲器中所存儲的預(yù)定圖片信息對所述圖片進行顯示。
22.根據(jù)權(quán)利要求18-21中任一項所述的網(wǎng)頁圖片顯示方法，其特征在于，所述預(yù)定圖片信息包括所述圖片的圖片地址和/或圖片文件本身。
23.根據(jù)權(quán)利要求22所述的網(wǎng)頁圖片顯示方法，其特征在于，所述預(yù)定圖片信息還包括所述圖片的圖片尺寸。
24.根據(jù)權(quán)利要求22或23所述的網(wǎng)頁圖片顯示方法，其特征在于，所述預(yù)定圖片信息還包括所述圖片的圖片說明。
25.根據(jù)權(quán)利要求18-24中任一項所述的網(wǎng)頁圖片顯示方法，其特征在于，還包括圖片篩選步驟，用于根據(jù)預(yù)定條件對所述圖片進行篩選操作，以獲得符合所述預(yù)定條件的經(jīng)篩選圖片。
26.根據(jù)權(quán)利要求25所述的網(wǎng)頁圖片顯示方法，其特征在于，在所述圖片篩選步驟中，基于所述預(yù)定圖片信息來確定所述圖片是否符合預(yù)定條件。
27.根據(jù)權(quán)利要求25或26所述的網(wǎng)頁圖片顯示方法，其特征在于，在所述圖片信息存儲步驟中，僅將所述經(jīng)篩選圖片的預(yù)定圖片信息存儲在所述圖片信息存儲器中。
28.根據(jù)權(quán)利要求25-27中任一項所述的網(wǎng)頁圖片顯示方法，其特征在于，在所述圖片瀏覽步驟中僅顯示所述經(jīng)篩選圖片。
29.根據(jù)權(quán)利要求18-28中任一項所述的網(wǎng)頁圖片顯示方法，其特征在于，所述圖片瀏覽步驟由用戶的圖片瀏覽指令來觸發(fā)執(zhí)行。
30.根據(jù)權(quán)利要求29所述的網(wǎng)頁圖片顯示方法，其特征在于，提供設(shè)置在所述網(wǎng)頁瀏覽器中的第一圖片瀏覽按鈕，用于接收用戶的所述圖片瀏覽指令。
31.根據(jù)權(quán)利要求28或30所述的網(wǎng)頁圖片顯示方法，其特征在于，還包括瀏覽按鈕生成步驟，用于在已獲取預(yù)定圖片信息的對應(yīng)圖片上生成懸浮于所述圖片之上的第二圖片瀏覽按鈕，用于接收用戶的所述圖片瀏覽指令。
32.根據(jù)權(quán)利要求18-31中任一項所述的網(wǎng)頁圖片顯示方法，其特征在于，所述圖片瀏覽步驟包括瀏覽窗口生成子步驟，用于新建一用于進行所述顯示的圖片瀏覽窗口。
33.根據(jù)權(quán)利要求32所述的網(wǎng)頁圖片顯示方法，其特征在于，所述圖片瀏覽窗口的形式為加載網(wǎng)頁頁面的網(wǎng)頁窗口。
34.根據(jù)權(quán)利要求32或33所述的網(wǎng)頁圖片顯示方法，其特征在于，所述圖片瀏覽步驟還包括圖片顯示子步驟，用于在所述圖片瀏覽窗口中根據(jù)所述預(yù)定圖片信息加載并顯示當(dāng)前瀏覽圖片。
全文摘要
本發(fā)明公開了一種網(wǎng)頁圖片顯示裝置和方法，用于顯示網(wǎng)頁瀏覽器所加載的網(wǎng)頁中的圖片。該裝置包括圖片信息獲取器，配置成在網(wǎng)頁瀏覽器加載網(wǎng)頁的過程中，在網(wǎng)頁中的一圖片加載完成時獲取用于顯示該圖片的預(yù)定圖片信息；圖片瀏覽器，配置成根據(jù)預(yù)定圖片信息對圖片進行顯示以供瀏覽。該方法包括對應(yīng)的圖片信息獲取步驟和圖片瀏覽步驟。本發(fā)明可以在網(wǎng)頁的每一圖片加載完成時就獲取了顯示圖片所需的預(yù)定圖片信息，可以快速地進入圖片瀏覽模式。本發(fā)明在瀏覽器側(cè)實現(xiàn)了圖片的快速瀏覽，對于服務(wù)器側(cè)的額外要求基本沒有。本發(fā)明可以方便地結(jié)合到網(wǎng)頁瀏覽器中，實現(xiàn)網(wǎng)頁瀏覽器的圖片瀏覽功能。
文檔編號G06F17/30GK102929953SQ20121037783
公開日2013年2月13日 申請日期2012年10月8日 優(yōu)先權(quán)日2012年10月8日
發(fā)明者唐曦, 陳志 , 任寰 申請人:北京奇虎科技有限公司, 奇智軟件(北京)有限公司