[發(fā)明專利]瀑布流式圖片動態(tài)呈現(xiàn)的方法及裝置

有效

• 申請?zhí)枺?/td>: 201310698858.5
• 申請日: 2013-12-18
• 公開（公告）號: CN103678622B
• 公開（公告）日: 2017-05-03
• 發(fā)明（設(shè)計）人: 梁廣耀
• 申請（專利權(quán)）人: 百度在線網(wǎng)絡(luò)技術(shù)（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京品源專利代理有限公司11332
• 代理人: 胡彬

1.一種瀑布流式圖片動態(tài)呈現(xiàn)的方法，其特征在于，包括：

通過用戶滾動顯示屏的輸入操作獲取瀏覽網(wǎng)頁請求，基于所述瀏覽網(wǎng)頁請求在瀑布流式瀏覽網(wǎng)頁中為所述顯示屏對應(yīng)的屏幕顯示區(qū)域進(jìn)行圖片加載；

獲取瀏覽網(wǎng)頁中已加載圖片的圖片加載信息，并根據(jù)所述圖片加載信息確定所述瀏覽網(wǎng)頁中的目標(biāo)圖片；

將確定的所述目標(biāo)圖片設(shè)置為隱藏狀態(tài)；

其中，所述將確定的所述目標(biāo)圖片設(shè)置為隱藏狀態(tài)包括：

在所述瀏覽網(wǎng)頁的dom樹中隱藏所述目標(biāo)圖片所對應(yīng)圖片元素中的圖片內(nèi)容及圖片背景，且保留所述圖片元素在所述瀏覽網(wǎng)頁的dom樹中占據(jù)的位置。

2.根據(jù)權(quán)利要求1所述的瀑布流式圖片動態(tài)呈現(xiàn)的方法，其特征在于，還包括：

將所述目標(biāo)圖片所對應(yīng)圖片元素中的圖片內(nèi)容及圖片背景保存在所述瀏覽網(wǎng)頁的內(nèi)部變量中。

3.如權(quán)利要求1至2中任一項所述的瀑布流式圖片動態(tài)呈現(xiàn)的方法，其特征在于，獲取瀏覽網(wǎng)頁中已加載圖片的圖片加載信息，并根據(jù)所述圖片加載信息確定所述瀏覽網(wǎng)頁中的目標(biāo)圖片包括：

統(tǒng)計所述瀏覽網(wǎng)頁中已加載圖片的數(shù)量；

如果已加載圖片的數(shù)量超過預(yù)設(shè)值，按照加載順序選擇目標(biāo)圖片。

4.如權(quán)利要求1至2中任一項所述的瀑布流式圖片動態(tài)呈現(xiàn)的方法，其特征在于，獲取瀏覽網(wǎng)頁中已加載圖片的圖片加載信息，并根據(jù)所述圖片加載信息確定所述瀏覽網(wǎng)頁中的目標(biāo)圖片包括：

獲取所述瀏覽網(wǎng)頁中已加載圖片的圖片位置；

如果已加載圖片的圖片位置超出預(yù)定顯示區(qū)域，則作為目標(biāo)圖片，其中，所述預(yù)定顯示區(qū)域包括所述瀏覽網(wǎng)頁位于所述顯示屏中的屏幕顯示區(qū)域以及位于屏幕顯示區(qū)域上方和/或下方預(yù)設(shè)高度內(nèi)的預(yù)定高度顯示區(qū)域。

5.如權(quán)利要求4所述的瀑布流式圖片動態(tài)呈現(xiàn)的方法，其特征在于，還包括：

如果處于隱藏狀態(tài)的圖片在所述瀏覽網(wǎng)頁中的位置進(jìn)入預(yù)定顯示區(qū)域時，將處于隱藏狀態(tài)的圖片更新為呈現(xiàn)狀態(tài)。

6.如權(quán)利要求5所述的瀑布流式圖片動態(tài)呈現(xiàn)的方法，其特征在于，將處于隱藏狀態(tài)的圖片更新為呈現(xiàn)狀態(tài)包括：

從所述瀏覽網(wǎng)頁的內(nèi)部變量中讀取處于隱藏狀態(tài)的圖片所對應(yīng)圖片元素的圖片內(nèi)容及圖片背景，并添加到所述瀏覽網(wǎng)頁的dom樹的相應(yīng)位置。

7.一種瀑布流式圖片動態(tài)呈現(xiàn)的裝置，其特征在于，包括：

圖片加載模塊，用于通過用戶滾動顯示屏的輸入操作獲取瀏覽網(wǎng)頁請求，基于所述瀏覽網(wǎng)頁請求在瀑布流式瀏覽網(wǎng)頁中為所述顯示屏對應(yīng)的屏幕顯示區(qū)域進(jìn)行圖片加載；

目標(biāo)圖片確定模塊，用于獲取瀏覽網(wǎng)頁中已加載圖片的圖片加載信息，并根據(jù)所述圖片加載信息確定所述瀏覽網(wǎng)頁中的目標(biāo)圖片；

隱藏狀態(tài)設(shè)置模塊，用于將確定的所述目標(biāo)圖片設(shè)置為隱藏狀態(tài)；

其中，所述隱藏狀態(tài)設(shè)置模塊具體用于在所述瀏覽網(wǎng)頁的dom樹中隱藏所述目標(biāo)圖片所對應(yīng)圖片元素中的圖片內(nèi)容及圖片背景，且保留所述圖片元素在所述瀏覽網(wǎng)頁的dom樹中占據(jù)的位置。

8.根據(jù)權(quán)利要求7所述瀑布流式圖片動態(tài)呈現(xiàn)的裝置，其特征在于，還包括：

保存模塊，用于將所述目標(biāo)圖片所對應(yīng)圖片元素中的圖片內(nèi)容及圖片背景保存在所述瀏覽網(wǎng)頁的內(nèi)部變量中。

9.如權(quán)利要求7至8中任一項所述的瀑布流式圖片動態(tài)呈現(xiàn)的裝置，其特征在于，所述目標(biāo)圖片確定模塊包括：

圖片數(shù)量統(tǒng)計子模塊，用于統(tǒng)計所述瀏覽網(wǎng)頁中已加載圖片的數(shù)量；

目標(biāo)圖片選擇子模塊，用于如果已加載圖片的數(shù)量超過預(yù)設(shè)值，按照加載順序選擇目標(biāo)圖片。

10.如權(quán)利要求7至8中任一項所述的瀑布流式圖片動態(tài)呈現(xiàn)的裝置，其特征在于，所述目標(biāo)圖片確定模塊包括：

圖片位置獲取子模塊，用于獲取瀏覽網(wǎng)頁中已加載圖片的圖片位置；

目標(biāo)圖片確定子模塊，用于如果已加載圖片的圖片位置超出預(yù)定顯示區(qū)域，則作為目標(biāo)圖片，其中，所述預(yù)定顯示區(qū)域包括所述瀏覽網(wǎng)頁位于所述顯示屏中的屏幕顯示區(qū)域以及位于屏幕顯示區(qū)域上方和/或下方預(yù)設(shè)高度內(nèi)的預(yù)定高度顯示區(qū)域。