專利名稱：加速圖片在網(wǎng)頁上顯示的方法和系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)絡(luò)技術(shù)領(lǐng)域，尤其涉及一種加速圖片在網(wǎng)頁上顯示的方法和 系統(tǒng)。
技術(shù)背景目前，隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，為了滿足用戶通過網(wǎng)絡(luò)瀏覽各種信息的需求，傳統(tǒng)的C/S(Client/Server，客戶/服務(wù)器)系統(tǒng)逐步向B/S (Browser/Server,瀏 覽器/服務(wù)器)系統(tǒng)轉(zhuǎn)型。為了爭取更多的用戶， 一些提供電子報刊，電子書， 電子雜志等閱讀工具的網(wǎng)絡(luò)公司，把他們的閱讀軟件轉(zhuǎn)向了 Internet Explorer 等網(wǎng)頁瀏覽器，把帶閱讀格式的文件制成了圖片，并嵌入HTML(Hypertext Markup Language,超文本標(biāo)記語言)文件中，使用戶在瀏覽網(wǎng)頁的時候圖文并茂。但是， 當(dāng)網(wǎng)頁上的圖片過多、過大，或者網(wǎng)絡(luò)傳輸慢的時候，用戶需要等待很長時間 才能將網(wǎng)頁上的圖片下載下來，網(wǎng)站為用戶提供高質(zhì)量服務(wù)的預(yù)期目的得不到 實現(xiàn)。為了加快圖片在網(wǎng)頁上的顯示速度，保證用戶能夠快速瀏覽網(wǎng)站上的圖片， 在現(xiàn)有技術(shù)中， 一些依賴圖片展示的網(wǎng)站，例如提供電子地圖、旅游信息、 圖片素材等內(nèi)容的網(wǎng)站，通常采用提升網(wǎng)站服務(wù)器的性能、增加網(wǎng)絡(luò)帶寬、購 買附加軟件等方式來加快圖片在網(wǎng)頁上的顯示速度。雖然采用這些方式能夠加 速圖片在網(wǎng)頁上的顯示速度，使用戶快速地瀏覽網(wǎng)站上的圖片，但是，在不同 程度上卻增加了網(wǎng)站的運營成本。 發(fā)明內(nèi)容本發(fā)明的實施例提供一種加速圖片在網(wǎng)頁上顯示的方法和系統(tǒng)，能夠以低 成本的方式實現(xiàn)圖片在網(wǎng)頁上的快速顯示。為達到上述目的，本發(fā)明的實施例采用如下技術(shù)方案一種加速圖片在網(wǎng)頁上顯示的方法，當(dāng)所述原圖片在網(wǎng)頁上顯示之前，所述方法包括制作可視區(qū)域，所述可視區(qū)域為網(wǎng)頁實際能夠顯示的區(qū)域；對所述原圖片進行判斷，若所述原圖片為大圖或多圖，則制作與所述原圖 片尺寸大小相同的固定圖層；制作偽背景小圖，所述偽背景小圖為占用空間遠小于原圖片、用于支撐所 述固定圖層的圖片；將所述原圖片的背景設(shè)為所述偽背景小圖，生成新圖層，置于所述固定圖 層之上，并保存原圖片的路徑；將所述新圖層嵌入所述可視區(qū)域；判斷所述新圖層是否位于所述可視區(qū)域，若位于所述可視區(qū)域，則判斷所 述進入可視區(qū)域的新圖層路徑是否為原圖片的路徑，若不是原圖片的路徑，則 將所述偽背景小圖用原圖片替換，并將所述進入可視區(qū)域的新圖層緩存起來。一種加速圖片在網(wǎng)頁上顯示的系統(tǒng)，包括第一制作單元，用于制作可視區(qū)域，所述可視區(qū)域為網(wǎng)頁實際能夠顯示的 區(qū)域；判斷單元，用于判斷所述原圖片為大圖、多圖或多小圖；第二制作單元，用于在所述判斷單元判定所述原圖片為大圖或多圖時，制作與所述原圖片尺寸大小相同的固定圖層；第三制作單元，用于制作偽背景小圖，所述偽背景小圖為占用空間遠小于 原圖片、用于支撐所述固定圖層的圖片；生成單元，用于將所述原圖片的背景設(shè)為所述偽背景小圖，生成新圖層，置于所述固定圖層之上；保存單元，用于保存原圖片的路徑；嵌入單元，用于將所述新圖層嵌入所述可視區(qū)域；第一判斷單元，用于判斷所述新圖層是否位于所述可視區(qū)域；第二判斷單元，用于判斷所述進入可視區(qū)域的新圖層路徑是否為原圖片的路徑；處理單元，用于將所述偽背景小圖用原圖片替換，并將所述進入可視區(qū)域 的新圖層緩存起來。本發(fā)明實施例提供的加速圖片在網(wǎng)頁上顯示的方法和系統(tǒng)，預(yù)先載入一個 偽背景小圖，并通知用戶進行等待，釆用切分壓縮圖和分部載入的策略，按照 展示的需要精確地載入所需大圖或多圖。與現(xiàn)有技術(shù)相比，用戶不需要通過提 升服務(wù)器性能和購買附加軟件等方式來加快圖片在網(wǎng)頁上的顯示速度，對不需 要的部分或圖片，服務(wù)器將不會發(fā)送給客戶端，從而有效節(jié)約了帶寬，降低了 成本。


為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施 例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述 中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付 出創(chuàng)造性勞動性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。圖i為本發(fā)明加速圖片在網(wǎng)頁上顯示的方法實施例一流程圖； 圖2為本發(fā)明加速圖片在網(wǎng)頁上顯示的方法實施例二流程圖； 圖3為本發(fā)明加速圖片在網(wǎng)頁上顯示的方法實施例三流程圖； 圖4為本發(fā)明加速圖片在網(wǎng)頁上顯示的方法實施例四流程圖；圖5為本發(fā)明加速圖片在網(wǎng)頁上顯示的系統(tǒng)實施例一結(jié)構(gòu)示意圖； 圖6為本發(fā)明加速圖片在網(wǎng)頁上顯示的系統(tǒng)實施例二結(jié)構(gòu)示意圖。
具體實施例方式
下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進行清 楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是 全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造 性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。 本發(fā)明的實施例提供一種加速圖片在網(wǎng)頁上顯示的方法和系統(tǒng)。 為使本發(fā)明技術(shù)方案的優(yōu)點更加清楚，下面結(jié)合附圖和實施例對本發(fā)明作 -洋細i兌明。
本發(fā)明的實施例提供一種加速圖片在網(wǎng)頁上顯示的方法，能夠以低成本的 方式實現(xiàn)圖片在網(wǎng)頁上的快速顯示。 實施例一
如圖1所示，所述加速圖片在網(wǎng)頁上顯示的方法，當(dāng)所述原圖片在網(wǎng)頁上顯 示之前，所述方法包括
5101、 制作可視區(qū)域，所述可視區(qū)域為網(wǎng)頁實際能夠顯示的區(qū)域；
5102、 對所述原圖片進行判斷，若所述原圖片為大圖或多圖，則制作與所 述原圖片尺寸大小相同的固定圖層；
5103、 制作偽背景小圖，所述偽背景小圖為占用空間遠小于原圖片、用于 支撐所述固定圖層的圖片；
5104、 將所述原圖片的背景設(shè)為所述偽背景小圖，生成新圖層，置于所述 固定圖層之上，并保存原圖片的路徑；
5105、 將所述新圖層嵌入所述可視區(qū)域；S106、判斷所述新圖層是否位于所述可視區(qū)域，若位于所述可視區(qū)域，則
判斷所述進入可視區(qū)域的新圖層路徑是否為原圖片的路徑，若不是原圖片的路 徑，則將所述偽背景小圖用原圖片替換，并將所述進入可視區(qū)域的新圖層緩存 起來。
本發(fā)明的實施例加速圖片在網(wǎng)頁上顯示的方法，預(yù)先載入一個偽背景小圖， 并通知用戶進行等待，采用切分壓縮圖和分部載入的策略，按照展示的需要精 確地載入所需大圖或多圖。與現(xiàn)有技術(shù)相比，用戶不需要通過提升服務(wù)器性能 和購買附加軟件等方式來加快圖片在網(wǎng)頁上的顯示速度，對不需要的部分或圖 片，服務(wù)器將不會發(fā)送給客戶端，從而有效節(jié)約了帶寬，降低了成本。
實施例二
本實施例提供了當(dāng)所述圖片為大圖時加速圖片在網(wǎng)頁上顯示的方法，其中， 所述大圖為圖片的尺寸超過可視區(qū)域，或者圖片占用的^f茲盤空間大于或者等于
100k。在本實施例中，所述圖片的格式不能為網(wǎng)頁瀏覽器所識別。 如圖2所示，該實施例的具體實現(xiàn)過程包括
5201、 制作可視區(qū)域，所述可視區(qū)域為網(wǎng)頁實際能夠顯示的區(qū)域；
5202、 對所述原圖片進行判斷，若所述原圖片為大圖，則制作與所述原圖 片大小相同的固定圖層；
5203、 將所述原圖片轉(zhuǎn)換為網(wǎng)頁瀏覽器所能識別的格式；
其中，需要確保所述圖片是可以被網(wǎng)頁瀏覽器所識別的圖片格式，例如 gif、 jpg、 png等，如果是其他格式，則需要將所述圖片的格式轉(zhuǎn)化為上述格式。
5204、 將所述原圖片切分為多張小其中，在切割小圖時， 一定要保證所述圖片比較小，占用的磁盤空間為10k 至50k，以使所述小圖能夠在任何網(wǎng)絡(luò)條件下快速下載。由于本發(fā)明是為了加快圖片在網(wǎng)頁上的顯示速度，用戶可以根據(jù)自己的服務(wù)器性能和網(wǎng)絡(luò)帶寬，適當(dāng) 的切分大圖，并壓縮成網(wǎng)頁瀏覽器所能識別的圖片格式。對于那些已經(jīng)是小圖 或大小適中的圖片，則不需要進行切分。
5205、 制作偽背景小其中，所述偽背景小圖一定要足夠小，占用的磁盤空間小于或者等于5k, 并且所述偽背景小圖要適合平鋪、壓縮和拉伸。
5206、 按照所述小圖的尺寸制作小圖層，并將所述小圖進行拼接，置于所 述固定圖層之上，將所述小圖層的背景設(shè)為所述偽背景小圖，并保存原圖片的 路徑；
把切分好的小圖按照原大圖切分次序拼接好，做成相同尺寸的html容器， 例如div、 p、 span等，這些容器的背景設(shè)定為偽圖；然后制作可視區(qū)域的html 容器，例如div、 body、 iframe等，把所述制作好的圖層嵌入進來。
5207、 將所述小圖層嵌入所述可視區(qū)域；
5208、 判斷所述小圖層是否位于所述可視區(qū)域；
其中，所述判斷所述小圖層是否位于所述可視區(qū)域的步驟包括 S208a 、傳入可視區(qū)域的實時坐標(biāo)和尺寸的參數(shù)； S208b、計算所述小圖層的實時坐標(biāo)和尺寸；
S208c、計算可一見區(qū)^^的實時的四點坐標(biāo)，以及小圖層的四點坐標(biāo)； S208d、判斷所述小圖層的四點坐標(biāo)中的任何一點是否位于所述可視區(qū)域的 四點坐標(biāo)的區(qū)間內(nèi)，若是，則所述小圖層位于所述可^L區(qū)域。
5209、 若所述小圖層不位于所述可視區(qū)域，則不替換原圖片；
5210、 若所述小圖層位于所述可視區(qū)域，則判斷所述進入可視區(qū)域的小圖 層路徑是否為原圖片的路徑；其中，所述判斷所述進入可視區(qū)域的小圖層路徑是否為原圖片的路徑的步
驟包括
S210a、傳入進入可視區(qū)域的小圖層的對象參數(shù)； S210b、獲取所述小圖層的當(dāng)前顯示圖片的路徑值；
S210c、將所述當(dāng)前顯示圖片的路徑值與儲存的路徑值進行比較，若不相 等，則所述進入可視區(qū)域的小圖層路徑不是原圖片的路徑。
5211、 若所述進入可視區(qū)域的小圖層路徑不是原圖片的路徑，則將所述偽 背景小圖用小圖片替換，并將所述進入可視區(qū)域的小圖層緩存起來；
5212、 移動或滾動所述可視區(qū)域，重新進行步驟S208;
5213、 若所述進入可視區(qū)域的小圖層路徑是原圖片的路徑，則不替換小圖片。
實施例三
本實施例提供了當(dāng)所述圖片為多圖時加速圖片在網(wǎng)頁上顯示的方法。其中， 所述多圖的格式不能被網(wǎng)頁瀏覽器所識別。如圖3所示，該實施例的具體實現(xiàn)過 程包括
5301、 制作可視區(qū)域，所述可視區(qū)域為網(wǎng)頁實際能夠顯示的區(qū)域；
5302、 對所述原圖片進行判斷，若所述原圖片為多圖，則制作與所述原圖 片大小相同的固定圖層；
5303、 將所述原圖片轉(zhuǎn)換為網(wǎng)頁瀏覽器所能識別的格式；
其中，需要確保所述圖片是可以被網(wǎng)頁瀏覽器所識別的圖片格式，例如 gif、 jpg、 png等，如果是其他格式，則需要將所述圖片的格式轉(zhuǎn)化為上述格式。
5304、 制作偽背景小其中，所述偽背景小圖占用的磁盤空間小于或者等于5k。5305、 將所述多圖的路徑都設(shè)為所述偽背景小圖的路徑，將所述多圖的尺
寸設(shè)為原圖片的尺寸，生成新圖層，置于所述固定圖層之上，并保存原圖片的
路徑；
5306、 將所述新圖層嵌入所述可^L區(qū)域；
5307、 判斷所述新圖層是否位于所述可視區(qū)域；
其中，所述判斷所述新圖層是否位于所述可視區(qū)域的步驟S208包括 S307a、傳入可一見區(qū)域的實時坐標(biāo)和尺寸的參凄史； S307b、計算所述新圖層的實時坐標(biāo)和尺寸；
S307c、計算可—見區(qū)域的實時的四點坐標(biāo)，以及新圖層的四點坐標(biāo)； S307d、判斷所述新圖層的四點坐標(biāo)中的任何一點是否位于所述可視區(qū)域的 四點坐標(biāo)的區(qū)間內(nèi)，若是，則所述新圖層位于所述可視區(qū)域。
5308、 若所述新圖層不位于所述可視區(qū)域，則不替換原圖片；
5309、 若所述新圖層位于所述可視區(qū)域，則判斷所述進入可視區(qū)域的新圖 層路徑是否為原圖片的路徑；
其中，所述判斷所述進入可視區(qū)域的新圖層路徑是否為原圖片的路徑的步 驟包括
S309a、傳入進入可視區(qū)域的新圖層的對象參數(shù)； S309b、獲取所述新圖層的當(dāng)前顯示圖片的路徑值；
S309c、將所述當(dāng)前顯示圖片的路徑值與儲存的路徑值進行比較，若不相 等，則所述進入可視區(qū)域的新圖層路徑不是原圖片的路徑。
5310、 若所述進入可視區(qū)域的新圖層路徑不是原圖片的路徑，則將所述偽 背景小圖用原圖片替換，并將所述進入可視區(qū)域的新圖層緩存起來；
5311、 移動或滾動所述可視區(qū)域，重新進行步驟S307;S312、若所述進入可視區(qū)域的新圖層路徑是原圖片的路徑，則不替換原圖片。
因而，利用本發(fā)明的實施例加速圖片在網(wǎng)頁上顯示的方法，能夠以低成本 的方式實現(xiàn)圖片在網(wǎng)頁上的快速顯示。
實施例四
本實施例提供了當(dāng)所述圖片為多小圖時加速圖片在網(wǎng)頁上顯示的方法。如
圖4所示，該實施例的具體實現(xiàn)過程包括
5401、 制作可視區(qū)域，所述可視區(qū)域為網(wǎng)頁實際能夠顯示的區(qū)域；
5402、 對所述原圖片進行判斷，若所述原圖片為多小圖，則將所述多小圖 按照一定次序合成為一張整其中，所述多小圖為占用的磁盤空間小于或等于5k的圖片，所述整圖占用 的,茲盤空間在20k至50k之間。
5403、 將所述整圖調(diào)整到可以快速下載的范圍；
5404、 傳入需要顯示圖片的位置坐標(biāo)和顯示尺寸參數(shù)，設(shè)置圖片的真實尺 寸為傳入的尺寸參數(shù)；
5405、 將所述圖片定位到位置坐標(biāo)；
5406、 將所述位置坐標(biāo)平移到可視區(qū)域的頂端。
本發(fā)明的實施例加速圖片在網(wǎng)頁上顯示的方法，將尺寸過小的圖片合成為 一張整圖，將所述整圖調(diào)整到可以快速下載的范圍，并傳入需要顯示的位置坐 標(biāo)和顯示尺寸參數(shù)，對所述進行定位和平移至可視區(qū)域。與現(xiàn)有技術(shù)相比，本
發(fā)明能夠加快尺寸過小的圖片在網(wǎng)頁上的顯示速度，有效節(jié)約了網(wǎng)絡(luò)帶寬，降 低了成本。
本發(fā)明的實施例還提供一種加速圖片在網(wǎng)頁上顯示的系統(tǒng)，能夠以低成本的方式實現(xiàn)圖片在網(wǎng)頁上的快速顯示。 實施例一本實施例提供了當(dāng)所述原圖片為大圖或多圖時，加速圖片在網(wǎng)頁上顯示的系統(tǒng)。如圖5所示，所述加速圖片在網(wǎng)頁上顯示的系統(tǒng)，包括 第一制作單元501,用于制作可視區(qū)域，所述可視區(qū)域為網(wǎng)頁實際能夠顯示 的區(qū)域；判斷單元502,用于判斷所述原圖片為大圖、多圖或多小圖； 第二制作單元503，用于在所述判斷單元502判定所述原圖片為大圖或多圖時，制作與所述原圖片尺寸大小相同的固定圖層；第三制作單元504,用于制作偽背景小圖，所述偽背景小圖為占用空間遠小于原圖片、用于支撐所述固定圖層的圖片；生成單元505,用于將所述原圖片的背景設(shè)為所述偽背景小圖，生成新圖層，置于所述固定圖層之上；保存單元506，用于保存原圖片的路徑； 嵌入單元507,用于將所述新圖層嵌入所述可視區(qū)域； 第一判斷單元508,用于判斷所述新圖層是否位于所述可視區(qū)域； 第二判斷單元509，用于判斷所述進入可視區(qū)域的新圖層路徑是否為原圖片的路徑；處理單元510，用于將所述偽背景小圖用原圖片替換，并將所述進入可視區(qū) 域的新圖層緩存起來。本發(fā)明的實施例加速圖片在網(wǎng)頁上顯示的系統(tǒng)，預(yù)先載入一個偽背景小圖， 并通知用戶進行等待，采用切分壓縮圖和分部載入的策略，按照展示的需要精確地載入所需大圖或多圖。與現(xiàn)有技術(shù)相比，用戶不需要通過提升服務(wù)器性能 和購買附加軟件等方式來加快圖片在網(wǎng)頁上的顯示速度，對不需要的部分或圖 片，服務(wù)器將不會發(fā)送給客戶端，從而有效節(jié)約了帶寬，降低了成本。其中，如圖5所示，當(dāng)所述圖片的格式不能被網(wǎng)頁瀏覽器識別時，所述系統(tǒng) 還包括轉(zhuǎn)換單元511,用于將所述原圖片轉(zhuǎn)換為網(wǎng)頁瀏覽器所能識別的格式。 如圖5所示，當(dāng)所述原圖片為大圖時，所述系統(tǒng)還包括 切分單元512，用于將所述原圖片切分為多張小圖；則所述生成單元505,按照所述小圖的尺寸制作圖層，并將所述小圖進行拼 接，置于所述固定圖層之上，將所述小圖層的背景設(shè)為所述偽背景小圖。其中，當(dāng)所述原圖片為多圖時，所述生成單元505,將所述多圖的路徑都設(shè) 為所述偽背景小圖的路徑，將所述多圖的尺寸設(shè)為原圖片的尺寸，生成新圖層。其中，所述大圖為圖片的尺寸超過可視區(qū)域，或者圖片占用的磁盤空間大 于或者等于100k,所述小圖占用的磁盤空間在10k至50k之間；所述偽背景小圖占用的磁盤空間小于或者等于Sk。因而，利用本發(fā)明的實施例加速圖片在網(wǎng)頁上顯示的系統(tǒng)，能夠以低成本的方式實現(xiàn)圖片在網(wǎng)頁上的快速顯示。 實施例二本實施例提供了當(dāng)所述原圖片為大圖或多圖時，加速圖片在網(wǎng)頁上顯示的系統(tǒng)。如圖6所示，所述加速圖片在網(wǎng)頁上顯示的系統(tǒng)，包括 第一制作單元601,用于制作可視區(qū)域，所述可^L區(qū)域為網(wǎng)頁實際能夠顯示 的區(qū)域；判斷單元602，用于判斷所述原圖片為大圖、多圖或多小圖； 合成單元603,用于在所述判斷單元602判斷所述原圖片為多小圖時，將所 述多小圖按照一定次序合成為一張整圖；調(diào)整單元604 ，用于將所述整圖調(diào)整到可以快速下載的范圍； 設(shè)置單元605，用于傳入需要顯示圖片的位置坐標(biāo)和顯示尺寸參數(shù)，設(shè)置圖 片的真實尺寸為傳入的尺寸參數(shù)；定位單元606，用于將所述圖片定位到位置坐標(biāo)； 平移單元607,用于將所述位置坐標(biāo)平移到可^L區(qū)域的頂端。 本發(fā)明的實施例加速圖片在網(wǎng)頁上顯示的系統(tǒng)，將尺寸過小的圖片合成為 一張整圖，將所述整圖調(diào)整到可以快速下載的范圍，并傳入需要顯示的位置坐 標(biāo)和顯示尺寸參數(shù)，對所述進行定位和平移至可纟見區(qū)域。與現(xiàn)有技術(shù)相比，本 發(fā)明能夠加快尺寸過小的圖片在網(wǎng)頁上的顯示速度，有效節(jié)約了網(wǎng)絡(luò)帶寬，降 低了成本。以上所述，僅為本發(fā)明實施例的具體實施方式
，但本發(fā)明實施例的保護范 圍并不局限于此，任何熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明揭露的技術(shù)范圍內(nèi)， 可輕易想到的變化或替換，都應(yīng)涵蓋在本發(fā)明的保護范圍之內(nèi)。因此，本發(fā)明 實施例的保護范圍應(yīng)該以權(quán)利要求的保護范圍為準(zhǔn)。
權(quán)利要求
1、一種加速圖片在網(wǎng)頁上顯示的方法，其特征在于，當(dāng)所述原圖片在網(wǎng)頁上顯示之前，所述方法包括制作可視區(qū)域，所述可視區(qū)域為網(wǎng)頁實際能夠顯示的區(qū)域；對所述原圖片進行判斷，若所述原圖片為大圖或多圖，則制作與所述原圖片尺寸大小相同的固定圖層；制作偽背景小圖，所述偽背景小圖為占用空間遠小于原圖片、用于支撐所述固定圖層的圖片；將所述原圖片的背景設(shè)為所述偽背景小圖，生成新圖層，置于所述固定圖層之上，并保存原圖片的路徑；將所述新圖層嵌入所述可視區(qū)域；判斷所述新圖層是否位于所述可視區(qū)域，若位于所述可視區(qū)域，則判斷所述進入可視區(qū)域的新圖層路徑是否為原圖片的路徑，若不是原圖片的路徑，則將所述偽背景小圖用原圖片替換，并將所述進入可視區(qū)域的新圖層緩存起來。
2、 根據(jù)權(quán)利要求1所述的加速圖片在網(wǎng)頁上顯示的方法，其特征在于，若 所述新圖層沒有位于所述可視區(qū)域，則不替換原圖片；若所述新圖層位于所述可視區(qū)域，且所述進入可視區(qū)域的新圖層路徑為原 圖片的路徑，則不替換原圖片。
3、 根據(jù)權(quán)利要求1所述的加速圖片在網(wǎng)頁上顯示的方法，其特征在于，當(dāng) 所述圖片不能被網(wǎng)頁瀏覽器所識別時，在所述制作偽背景小圖的步驟之前，還 包括將所述原圖片轉(zhuǎn)換為網(wǎng)頁瀏覽器所能識別的格式。
4、 根據(jù)權(quán)利要求3所述的加速圖片在網(wǎng)頁上顯示的方法，其特征在于，當(dāng) 所述原圖片為大圖時，在所述制作偽背景小圖的步驟之前，還包括將所述原圖片切分為多張小圖。
5、 根據(jù)權(quán)利要求4所述的加速圖片在網(wǎng)頁上顯示的方法，其特征在于，所 述將所述原圖片的背景設(shè)為所述偽背景小圖，生成新圖層，置于所述固定圖層 之上的步驟包括按照所述小圖的尺寸制作小圖層，并將所述小圖層進4亍拼接，置于所述固 定圖層之上，將所述小圖層的背景設(shè)為所述偽背景小圖。
6、 根據(jù)權(quán)利要求1所述的加速圖片在網(wǎng)頁上顯示的方法，其特征在于，當(dāng) 所述原圖片為多圖時，所述將所述原圖片的背景設(shè)為所述偽背景小圖，生成新 圖層，置于所述固定圖層之上的步驟包括將所述多圖的路徑都設(shè)為所述偽背景小圖的路徑，將所述多圖的尺寸設(shè)為 原圖片的尺寸，生成新圖層，置于所述固定圖層之上。
7、 根據(jù)權(quán)利要求4所述的加速圖片在網(wǎng)頁上顯示的方法，其特征在于，所 述大圖為圖片的尺寸超過可視區(qū)域，或者圖片占用的磁盤空間大于或者等于 100k，所述小圖占用的磁盤空間在10k至50k之間。
8、 根據(jù)權(quán)利要求1至7中任一項所述的加速圖片在網(wǎng)頁上顯示的方法，其 特征在于，所述偽背景小圖占用的》茲盤空間小于或者等于5k。
9、 根據(jù)權(quán)利要求1所述的加速圖片在網(wǎng)頁上顯示的方法，其特征在于，所 述判斷所述新圖層是否位于所述可^L區(qū)域的步驟包括傳入可視區(qū)域的實時坐標(biāo)和尺寸的參數(shù)； 計算所述新圖層的實時坐標(biāo)和尺寸； 計算可視區(qū)域的實時的四點坐標(biāo)，以及新圖層的四點坐標(biāo)； 判斷所述新圖層的四點坐標(biāo)中的任何一點是否位于所述可視區(qū)域的四點坐 標(biāo)的區(qū)間內(nèi)，若是，則所述新圖層位于所述可視區(qū)域。
10、 根據(jù)權(quán)利要求1所述的加速圖片在網(wǎng)頁上顯示的方法，其特征在于，所述判斷所述進入可視區(qū)域的新圖層路徑是否為原圖片的路徑的步驟包括 傳入進入可視區(qū)域的新圖層的對象參數(shù)； 獲取所述新圖層的當(dāng)前顯示圖片的路徑值；將所述當(dāng)前顯示圖片的路徑值與儲存的路徑值進行比較，若不相等，則所 述進入可視區(qū)域的新圖層路徑不是原圖片的路徑。
11、 根據(jù)權(quán)利要求1所述的加速圖片在網(wǎng)頁上顯示的方法，其特征在于， 若所述原圖片為多小圖，貝'J將所述多小圖按照一定次序合成為一張整圖； 將所述整圖調(diào)整到可以快速下載的范圍；傳入需要顯示圖片的位置坐標(biāo)和顯示尺寸參數(shù)，設(shè)置圖片的真實尺寸為傳 入的尺寸參數(shù)；將所述圖片定位到位置坐標(biāo)； 將所述位置坐標(biāo)平移到可視區(qū)域的頂端。
12、 根據(jù)權(quán)利要求11所述的加速圖片在網(wǎng)頁上顯示的方法，其特征在于， 所述多小圖為占用的磁盤空間小于或等于5k的圖片，所迷整圖占用的磁盤空間 在20k至50k之間。
13、 一種加速圖片在網(wǎng)頁上顯示的系統(tǒng)，其特征在于，包括 第一制作單元，用于制作可視區(qū)域，所述可;f見區(qū)域為網(wǎng)頁實際能夠顯示的區(qū)域；判斷單元，用于判斷所述原圖片為大圖、多圖或多小圖； 第二制作單元，用于在所述判斷單元判定所述原圖片為大圖或多圖時，制 作與所述原圖片尺寸大小相同的固定圖層；第三制作單元，用于制作偽背景小圖，所述偽背景小圖為占用空間遠小于原圖片、用于支撐所述固定圖層的圖片；生成單元，用于將所述原圖片的背景:^殳為所述偽背景小圖，生成新圖層，置于所述固定圖層之上；保存單元，用于保存原圖片的路徑；嵌入單元，用于將所述新圖層嵌入所述可^L區(qū)域；第一判斷單元，用于判斷所述新圖層是否位于所述可視區(qū)域；第二判斷單元，用于判斷所述進入可視區(qū)域的新圖層路徑是否為原圖片的路徑；處理單元，用于將所述偽背景小圖用原圖片替換，并將所述進入可視區(qū)域 的新圖層緩存起來。
14、 根據(jù)權(quán)利要求13所述的加速圖片在網(wǎng)頁上顯示的系統(tǒng)，其特征在于， 還包括轉(zhuǎn)換單元，用于將所述原圖片轉(zhuǎn)換為網(wǎng)頁瀏覽器所能識別的格式。
15、 根據(jù)權(quán)利要求13所述的加速圖片在網(wǎng)頁上顯示的系統(tǒng)，其特征在于， 當(dāng)所述原圖片為大圖時，所述系統(tǒng)還包括切分單元，用于將所述原圖片切分為多張小圖；則所述生成單元，按照所述小圖的尺寸制作小圖層，并將所述小圖進行4并 接，置于所述固定圖層之上，將所述小圖層的背景設(shè)為所述偽背景小圖。
16、 根據(jù)權(quán)利要求13所述的加速圖片在網(wǎng)頁上顯示的系統(tǒng)，其特征在于， 當(dāng)所述原圖片為多圖時，所述生成單元，將所述多圖的^4圣都設(shè)為所述偽背景 小圖的路徑，將所述多圖的尺寸設(shè)為原圖片的尺寸，生成新圖層。
17、 根據(jù)權(quán)利要求13所述的加速圖片在網(wǎng)頁上顯示的系統(tǒng)，其特征在于，當(dāng)所述判斷單元判斷所述原圖片為多小圖時，所述系統(tǒng)還包括 合成單元，用于將所述多小圖按照一定次序合成為一張整圖； 調(diào)整單元，用于將所述整圖調(diào)整到可以快速下載的范圍； 設(shè)置單元，用于傳入需要顯示圖片的位置坐標(biāo)和顯示尺寸參數(shù)，設(shè)置圖片的真實尺寸為傳入的尺寸參數(shù)；定位單元，用于將所述圖片定位到位置坐標(biāo)； 平移單元，用于將所述位置坐標(biāo)平移到可視區(qū)域的頂端。
全文摘要
本發(fā)明實施例公開了一種加速圖片在網(wǎng)頁上顯示的方法和系統(tǒng)，當(dāng)所述原圖片在網(wǎng)頁上顯示之前，所述方法包括制作可視區(qū)域；對所述原圖片進行判斷，若所述原圖片為大圖或多圖，則制作與所述原圖片尺寸大小相同的固定圖層；制作偽背景小圖；將所述原圖片的背景設(shè)為所述偽背景小圖，生成新圖層，置于所述固定圖層之上，并保存原圖片的路徑；將所述新圖層嵌入所述可視區(qū)域；判斷所述新圖層是否位于所述可視區(qū)域，若位于所述可視區(qū)域，則判斷所述進入可視區(qū)域的新圖層路徑是否為原圖片的路徑，若不是原圖片的路徑，則將所述偽背景小圖用原圖片替換，并將所述進入可視區(qū)域的新圖層緩存起來。本發(fā)明適用于圖片在網(wǎng)頁上的顯示。
文檔編號G06F17/30GK101324895SQ20081011713
公開日2008年12月17日 申請日期2008年7月24日 優(yōu)先權(quán)日2008年7月24日
發(fā)明者夏松江, 敏 李 申請人:北大方正集團有限公司;北京方正阿帕比技術(shù)有限公司