CN101324895A - Method and system for speeding up picture display on web page - Google Patents
Method and system for speeding up picture display on web page Download PDFInfo
- Publication number
- CN101324895A CN101324895A CNA2008101171312A CN200810117131A CN101324895A CN 101324895 A CN101324895 A CN 101324895A CN A2008101171312 A CNA2008101171312 A CN A2008101171312A CN 200810117131 A CN200810117131 A CN 200810117131A CN 101324895 A CN101324895 A CN 101324895A
- Authority
- CN
- China
- Prior art keywords
- picture
- layer
- little
- viewing area
- former
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The embodiment of the invention discloses a method for displaying an accelerating image on a web page, and a system. Before an original image is displayed on the web page, the method comprises the following steps: a visible area is fabricated; the original image is judged, and if the original image is a large image or multiple images are adopted, a fixed image layer with identical size with the original image is fabricated; a small image with fake background is fabricated; the background of the original image is designed into the small image with the fake background to generate a new image layer positioned on the fixed image layer, and the path of the original image is saved; the new image layer is embedded into the visible area; whether the new image layer is positioned in the visible are or not is judged, if so, whether the path of the new image layer entering into the visible area belongs to the path of the original image or not is judged, and if not, the small image with the fake background is replaced by the original image, and the new image entering into the visible area is cached. The method is suitable for displaying the image on the web page.
Description
Technical field
The present invention relates to networking technology area, relate in particular to the method and system that a kind of speeding up picture shows on webpage.
Background technology
At present, along with development of internet technology, in order to satisfy the demand of user by the various information of network browsing, traditional C/S (Client/Server, client/server) system progressively makes the transition to B/S (Browser/Server, browser/server) system.In order to strive for more user, some provide e-newspaper, e-book, the network company of reading tools such as e-magazine, their ocr software has been turned to web browsers such as Internet Explorer, band has been read the file of form and made picture, and embedded HTML (Hypertext MarkupLanguage, HTML (Hypertext Markup Language)) in the file, both pictures and texts are excellent in browsing page to make the user.But the picture on webpage is too much, excessive, and when perhaps Network Transmission was slow, the user need wait for for a long time and the picture on the webpage could be downloaded that the website can not get realizing for the user provides the intended purposes of high-quality service.
In order to accelerate the display speed of picture on webpage, guarantee the picture of user on can the fast browsing website, in the prior art, some rely on the website of picture presentation, for example: the website of contents such as electronic chart, travel information, picture materials is provided, adopts the performance that promotes Website server, the modes such as the network bandwidth, purchase Add-ons that increase to accelerate the display speed of picture on webpage usually.Though adopt these modes can the display speed of speeding up picture on webpage, make the picture of user on browsing web sites apace,, in the operation cost that has but increased the website in varying degrees.
Summary of the invention
The method and system that embodiments of the invention provide a kind of speeding up picture to show on webpage can be realized the quick demonstration of picture on webpage in mode cheaply.
For achieving the above object, embodiments of the invention adopt following technical scheme:
The method that a kind of speeding up picture shows on webpage, when described former picture before showing on the webpage, described method comprises:
Make the viewing area, described viewing area is the actual zone that can show of webpage;
Described former picture is judged,, then made and the identical fixedly figure layer of described former dimension of picture size if described former picture is big figure or many figure;
Make the little figure of pseudo-background, the little figure of described pseudo-background is the picture that takes up room much smaller than former picture, is used to support described fixedly figure layer;
The background of described former picture is made as the little figure of described pseudo-background, generates new figure layer, place on the described fixedly figure layer, and the path of preserving former picture;
Described new figure layer is embedded described viewing area;
Judge whether described new figure layer is positioned at described viewing area, if be positioned at described viewing area, judge then whether the described new figure layer path that enters the viewing area is the path of former picture, if not the path of former picture, then the little figure of described pseudo-background is replaced with former picture, and with the described new figure layer buffer memory that enters the viewing area.
The system that a kind of speeding up picture shows on webpage comprises:
First production unit is used to make the viewing area, and described viewing area is the actual zone that can show of webpage;
Judging unit is used to judge that described former picture is for scheming greatly, scheming or how little figure more;
Second production unit is used for judging that at described judging unit described former picture for big figure or when scheming, makes and the big or small identical fixedly figure layer of described former dimension of picture more;
The 3rd production unit is used to make the little figure of pseudo-background, and the little figure of described pseudo-background is the picture that takes up room much smaller than former picture, is used to support described fixedly figure layer;
Generation unit is used for the background of described former picture is made as the little figure of described pseudo-background, generates new figure layer, places on the described fixedly figure layer;
Preserve the unit, the path that is used to preserve former picture;
Embed the unit, be used for described new figure layer is embedded described viewing area;
First judging unit is used to judge whether described new figure layer is positioned at described viewing area;
Second judging unit is used to judge whether the described new figure layer path that enters the viewing area is the path of former picture;
Processing unit is used for the little figure of described pseudo-background is replaced with former picture, and with the described new figure layer buffer memory that enters the viewing area.
The method and system that the speeding up picture that the embodiment of the invention provides shows on webpage, be written into a little figure of pseudo-background in advance, and notify the user to wait for, the strategy that adopts cutting compression figure and branch to be written into accurately is written into required big figure or many figure according to the needs of showing.Compared with prior art, the user does not need to accelerate the display speed of picture on webpage by promoting modes such as server performance and purchase Add-ons, and to unwanted part or picture, server will can not send to client, thereby effectively saved bandwidth, reduced cost.
Description of drawings
In order to be illustrated more clearly in the embodiment of the invention or technical scheme of the prior art, to do to introduce simply to the accompanying drawing of required use in embodiment or the description of the Prior Art below, apparently, accompanying drawing in describing below only is some embodiments of the present invention, for those of ordinary skills, under the prerequisite of not paying creative work, can also obtain other accompanying drawing according to these accompanying drawings.
Method embodiment one process flow diagram that Fig. 1 shows on webpage for speeding up picture of the present invention;
Method embodiment two process flow diagrams that Fig. 2 shows on webpage for speeding up picture of the present invention;
Method embodiment three process flow diagrams that Fig. 3 shows on webpage for speeding up picture of the present invention;
Method embodiment four process flow diagrams that Fig. 4 shows on webpage for speeding up picture of the present invention;
System embodiment one structural representation that Fig. 5 shows on webpage for speeding up picture of the present invention;
System embodiment two structural representations that Fig. 6 shows on webpage for speeding up picture of the present invention.
Embodiment
Below in conjunction with the accompanying drawing in the embodiment of the invention, the technical scheme in the embodiment of the invention is clearly and completely described, obviously, described embodiment only is the present invention's part embodiment, rather than whole embodiment.Based on the embodiment among the present invention, those of ordinary skills belong to the scope of protection of the invention not making the every other embodiment that is obtained under the creative work prerequisite.
The method and system that embodiments of the invention provide a kind of speeding up picture to show on webpage.
For the advantage that makes technical solution of the present invention is clearer, the present invention is elaborated below in conjunction with drawings and Examples.
The method that embodiments of the invention provide a kind of speeding up picture to show on webpage can realize the quick demonstration of picture on webpage in mode cheaply.
Embodiment one
As shown in Figure 1, the method that described speeding up picture shows on webpage, when described former picture before showing on the webpage, described method comprises:
S101, making viewing area, described viewing area is the actual zone that can show of webpage;
S102, described former picture is judged,, then made and the big or small identical fixedly figure layer of described former dimension of picture if described former picture be big figure or many figure;
S103, the little figure of the pseudo-background of making, the little figure of described pseudo-background is the picture that takes up room much smaller than former picture, is used to support described fixedly figure layer;
S104, the background of described former picture is made as the little figure of described pseudo-background, generates new figure layer, place on the described fixedly figure layer, and the path of preserving former picture;
S105, described new figure layer is embedded described viewing area;
S106, judge whether described new figure layer is positioned at described viewing area, if be positioned at described viewing area, judge then whether the described new figure layer path that enters the viewing area is the path of former picture, if not the path of former picture, then the little figure of described pseudo-background is replaced with former picture, and with the described new figure layer buffer memory that enters the viewing area.
The method that the embodiments of the invention speeding up picture shows on webpage is written into a little figure of pseudo-background in advance, and notifies the user to wait for, the strategy that adopts cutting compression figure and branch to be written into accurately is written into required big figure or many figure according to the needs of showing.Compared with prior art, the user does not need to accelerate the display speed of picture on webpage by promoting modes such as server performance and purchase Add-ons, and to unwanted part or picture, server will can not send to client, thereby effectively saved bandwidth, reduced cost.
Embodiment two
Present embodiment provides when the described picture method that speeding up picture shows on webpage during for big figure, and wherein, the size that described big figure be a picture is above the viewing area, and perhaps the disk space that takies of picture is greater than or equal to 100k.In the present embodiment, the form of described picture can not be discerned by web browser.
As shown in Figure 2, the specific implementation process of this embodiment comprises:
S201, making viewing area, described viewing area is the actual zone that can show of webpage;
S202, described former picture is judged, if described former picture be big figure, the making fixedly figure layer identical then with described former picture size;
S203, described former picture is converted to the form that web browser can be discerned;
Wherein, need guarantee that described picture is the picture format that can be discerned by web browser, for example: gif, jpg, png etc., if extended formatting, then needing the format conversion with described picture is above-mentioned form.
S204, be many little figure with described former picture cutting;
Wherein, when the little figure of cutting, must guarantee that described picture is smaller, the disk space that takies is 10k to 50k, so that described little figure can be quick-downloading under any network condition.Because the present invention is in order to accelerate the display speed of picture on webpage, the user can be according to the server performance and the network bandwidth of oneself, the big figure of suitable cutting, and be compressed into the picture format that web browser can be discerned.For those has been little figure or the picture that is of moderate size, does not then need to carry out cutting.
S205, the little figure of the pseudo-background of making;
Wherein, the little figure of described pseudo-background must be enough little, and the disk space that takies is less than or equal to 5k, and the little figure of described pseudo-background will be fit to tiling, compression and stretching.
S206, make little figure layer, and described little figure is spliced, place on the described fixedly figure layer, the background of described little figure layer is made as the little figure of described pseudo-background according to the size of described little figure, and the path of preserving former picture;
The little figure that segments is spliced according to former big figure cutting order, make the html container of same size, for example div, p, span etc., the background of these containers is set at pseudo-figure; Make the html container of viewing area then, for example div, body, iframe etc. embed into the described figure layer of making.
S207, described little figure layer is embedded described viewing area;
S208, judge whether described little figure layer is positioned at described viewing area;
Wherein, the described step of judging whether described little figure layer is positioned at described viewing area comprises:
S208a, the real-time coordinate that imports the viewing area into and the parameter of size;
The real-time coordinate and the size of S208b, the described little figure layer of calculating;
The four real-time point coordinate of S208c, calculating viewing area, and four point coordinate of little figure layer;
S208d, judge whether any point in four point coordinate of described little figure layer is positioned at the interval of four point coordinate of described viewing area, if then described little figure layer is positioned at described viewing area.
S209, if described little figure layer be not positioned at described viewing area, then do not replace former picture;
S210, if described little figure layer be positioned at described viewing area, judge then whether the described little figure layer path that enters the viewing area is the path of former picture;
Wherein, describedly judge that whether the described little figure layer path that enters the viewing area be that the step in the path of former picture comprises:
S210a, import the image parameter of the little figure layer that enters the viewing area into;
S210b, obtain the path values of the current display picture of described little figure layer;
S210c, the path values of described current display picture and the path values of storage are compared, if unequal, the then described little figure layer path that enters the viewing area is not the path of former picture.
S211, if the described little figure layer path that enters the viewing area is not the path of former picture, then the little figure of described pseudo-background is replaced with little picture, and with the described little figure layer buffer memory that enters the viewing area;
S212, the mobile or described viewing area of rolling are carried out step S208 again;
S213, if the described little figure layer path that enters the viewing area be the path of former picture, then do not replace little picture.
Embodiment three
Present embodiment provides the method that speeding up picture shows when described picture is many figure on webpage.Wherein, the form of described many figure can not be discerned by web browser.As shown in Figure 3, the specific implementation process of this embodiment comprises:
S301, making viewing area, described viewing area is the actual zone that can show of webpage;
S302, described former picture is judged, if described former picture be many figure, the making fixedly figure layer identical then with described former picture size;
S303, described former picture is converted to the form that web browser can be discerned;
Wherein, need guarantee that described picture is the picture format that can be discerned by web browser, for example: gif, jpg, png etc., if extended formatting, then needing the format conversion with described picture is above-mentioned form.
S304, the little figure of the pseudo-background of making;
Wherein, the disk space that takies of the little figure of described pseudo-background is less than or equal to 5k.
S305, the path of described many figure all is made as the path of the little figure of described pseudo-background, the size of described many figure is made as the size of former picture, generate new figure layer, place on the described fixedly figure layer, and the path of preserving former picture;
S306, described new figure layer is embedded described viewing area;
S307, judge whether described new figure layer is positioned at described viewing area;
Wherein, the described step S208 that judges whether described new figure layer is positioned at described viewing area comprises:
S307a, the real-time coordinate that imports the viewing area into and the parameter of size;
The real-time coordinate and the size of S307b, the described new figure layer of calculating;
The four real-time point coordinate of S307c, calculating viewing area, and four point coordinate of new figure layer;
S307d, judge whether any point in four point coordinate of described new figure layer is positioned at the interval of four point coordinate of described viewing area, if then described new figure layer is positioned at described viewing area.
S308, if described new figure layer be not positioned at described viewing area, then do not replace former picture;
S309, if described new figure layer be positioned at described viewing area, judge then whether the described new figure layer path that enters the viewing area is the path of former picture;
Wherein, describedly judge that whether the described new figure layer path that enters the viewing area be that the step in the path of former picture comprises:
S309a, import the image parameter of the new figure layer that enters the viewing area into;
S309b, obtain the path values of the current display picture of described new figure layer;
S309c, the path values of described current display picture and the path values of storage are compared, if unequal, the then described new figure layer path that enters the viewing area is not the path of former picture.
S310, if the described new figure layer path that enters the viewing area is not the path of former picture, then the little figure of described pseudo-background is replaced with former picture, and with the described new figure layer buffer memory that enters the viewing area;
S311, the mobile or described viewing area of rolling are carried out step S307 again;
S312, if the described new figure layer path that enters the viewing area be the path of former picture, then do not replace former picture.
Thereby the method for utilizing the embodiments of the invention speeding up picture to show on webpage can realize the quick demonstration of picture on webpage in mode cheaply.
Embodiment four
Present embodiment provides the method that speeding up picture shows when described picture is how little figure on webpage.As shown in Figure 4, the specific implementation process of this embodiment comprises:
S401, making viewing area, described viewing area is the actual zone that can show of webpage;
S402, described former picture is judged,, then will described how little figure be synthesized one and put in order and scheme according to a graded if described former picture is how little figure;
Wherein, described how little figure is the picture that the disk space that takies is less than or equal to 5k, and the disk space that described whole figure takies is between 20k to 50k.
S403, with described whole figure adjust to can be quick-downloading scope;
S404, import the position coordinates and the display size parameter that need Show Picture into, the full-size(d) that picture is set is the dimensional parameters that imports into;
S405, described picture is navigated to position coordinates;
S406, described position coordinates moved to the top of viewing area.
The method that the embodiments of the invention speeding up picture shows on webpage, undersized picture is synthesized a whole figure, with described whole figure adjust to can be quick-downloading scope, and import position coordinates and the display size parameter that need to show into, position and move to the viewing area to described.Compared with prior art, the present invention can accelerate the display speed of undersized picture on webpage, has effectively saved the network bandwidth, has reduced cost.
The system that embodiments of the invention also provide a kind of speeding up picture to show on webpage can realize the quick demonstration of picture on webpage in mode cheaply.
Embodiment one
Present embodiment provide when described former picture for big figure or when scheming more, the system that speeding up picture shows on webpage.
As shown in Figure 5, the system that described speeding up picture shows on webpage comprises:
Judging unit 502 is used to judge that described former picture is for scheming greatly, scheming or how little figure more;
The 3rd production unit 504 is used to make the little figure of pseudo-background, and the little figure of described pseudo-background is the picture that takes up room much smaller than former picture, is used to support described fixedly figure layer;
First judging unit 508 is used to judge whether described new figure layer is positioned at described viewing area;
The system that the embodiments of the invention speeding up picture shows on webpage is written into a little figure of pseudo-background in advance, and notifies the user to wait for, the strategy that adopts cutting compression figure and branch to be written into accurately is written into required big figure or many figure according to the needs of showing.Compared with prior art, the user does not need to accelerate the display speed of picture on webpage by promoting modes such as server performance and purchase Add-ons, and to unwanted part or picture, server will can not send to client, thereby effectively saved bandwidth, reduced cost.
Wherein, as shown in Figure 5, when the form of described picture can not be discerned by web browser, described system also comprised:
Converting unit 511 is used for described former picture is converted to the form that web browser can be discerned.
As shown in Figure 5, when described former picture was big figure, described system also comprised:
Cutting unit 512, being used for described former picture cutting is many little figure;
Then described generation unit 505 according to the size construction drawing layer of described little figure, and splices described little figure, places on the described fixedly figure layer, and the background of described little figure layer is made as the little figure of described pseudo-background.
Wherein, when described former picture was many figure, described generation unit 505 all was made as the path of the little figure of described pseudo-background with the path of described many figure, and the size of described many figure is made as the size of former picture, generated new figure layer.
Wherein, the size that described big figure is a picture surpasses the viewing area, and perhaps the disk space that takies of picture is greater than or equal to 100k, and the disk space that described little figure takies is between 10k to 50k;
The disk space that the little figure of described pseudo-background takies is less than or equal to 5k.
Thereby the system that utilizes the embodiments of the invention speeding up picture to show on webpage can realize the quick demonstration of picture on webpage in mode cheaply.
Embodiment two
Present embodiment provide when described former picture for big figure or when scheming more, the system that speeding up picture shows on webpage.
As shown in Figure 6, the system that described speeding up picture shows on webpage comprises:
Judging unit 602 is used to judge that described former picture is for scheming greatly, scheming or how little figure more;
The system that the embodiments of the invention speeding up picture shows on webpage, undersized picture is synthesized a whole figure, with described whole figure adjust to can be quick-downloading scope, and import position coordinates and the display size parameter that need to show into, position and move to the viewing area to described.Compared with prior art, the present invention can accelerate the display speed of undersized picture on webpage, has effectively saved the network bandwidth, has reduced cost.
The above; it only is the embodiment of the embodiment of the invention; but the protection domain of the embodiment of the invention is not limited thereto; anyly be familiar with those skilled in the art in the technical scope that the present invention discloses; the variation that can expect easily or replacement all should be encompassed within protection scope of the present invention.Therefore, the protection domain of the embodiment of the invention should be as the criterion with the protection domain of claim.
Claims (17)
1, the method that shows on webpage of a kind of speeding up picture is characterized in that, when described former picture before showing on the webpage, described method comprises:
Make the viewing area, described viewing area is the actual zone that can show of webpage;
Described former picture is judged,, then made and the identical fixedly figure layer of described former dimension of picture size if described former picture is big figure or many figure;
Make the little figure of pseudo-background, the little figure of described pseudo-background is the picture that takes up room much smaller than former picture, is used to support described fixedly figure layer;
The background of described former picture is made as the little figure of described pseudo-background, generates new figure layer, place on the described fixedly figure layer, and the path of preserving former picture;
Described new figure layer is embedded described viewing area;
Judge whether described new figure layer is positioned at described viewing area, if be positioned at described viewing area, judge then whether the described new figure layer path that enters the viewing area is the path of former picture, if not the path of former picture, then the little figure of described pseudo-background is replaced with former picture, and with the described new figure layer buffer memory that enters the viewing area.
2, the method that shows on webpage of speeding up picture according to claim 1 is characterized in that, if described new figure layer is not positioned at described viewing area, does not then replace former picture;
If described new figure layer is positioned at described viewing area, and the described new figure layer path that enters the viewing area be the path of former picture, then do not replace former picture.
3, the method that shows on webpage of speeding up picture according to claim 1 is characterized in that, when described picture can not be discerned by web browser, before the step of the little figure of the pseudo-background of described making, also comprises:
Described former picture is converted to the form that web browser can be discerned.
4, the method that shows on webpage of speeding up picture according to claim 3 is characterized in that, when described former picture is big figure, before the step of the little figure of the pseudo-background of described making, also comprises:
With described former picture cutting is many little figure.
5, the method that shows on webpage of speeding up picture according to claim 4 is characterized in that described background with described former picture is made as the little figure of described pseudo-background, generates new figure layer, places the step on the described fixedly figure layer to comprise:
Make little figure layer according to the size of described little figure, and described little figure layer is spliced, place on the described fixedly figure layer, the background of described little figure layer is made as the little figure of described pseudo-background.
6, the method that on webpage, shows of speeding up picture according to claim 1, it is characterized in that when described former picture was many figure, described background with described former picture was made as the little figure of described pseudo-background, generate new figure layer, place the step on the described fixedly figure layer to comprise:
The path of described many figure all is made as the path of the little figure of described pseudo-background, the size of described many figure is made as the size of former picture, generate new figure layer, place on the described fixedly figure layer.
7, the method that on webpage, shows of speeding up picture according to claim 4, it is characterized in that, the size that described big figure is a picture surpasses the viewing area, and perhaps the disk space that takies of picture is greater than or equal to 100k, and the disk space that described little figure takies is between 10k to 50k.
8, the method that shows on webpage according to each described speeding up picture in the claim 1 to 7 is characterized in that, the disk space that the little figure of described pseudo-background takies is less than or equal to 5k.
9, the method that shows on webpage of speeding up picture according to claim 1 is characterized in that the described step of judging whether described new figure layer is positioned at described viewing area comprises:
Import the real-time coordinate of viewing area and the parameter of size into;
Calculate the real-time coordinate and the size of described new figure layer;
Calculate the four real-time point coordinate of viewing area, and four point coordinate of new figure layer;
Judge whether any point in four point coordinate of described new figure layer is positioned at the interval of four point coordinate of described viewing area, if then described new figure layer is positioned at described viewing area.
10, the method that shows on webpage of speeding up picture according to claim 1 is characterized in that, describedly judges that whether the described new figure layer path that enters the viewing area be that the step in the path of former picture comprises:
Import the image parameter of the new figure layer that enters the viewing area into;
Obtain the path values of the current display picture of described new figure layer;
The path values of described current display picture and the path values of storage are compared, if unequal, the then described new figure layer path that enters the viewing area is not the path of former picture.
11, the method that shows on webpage of speeding up picture according to claim 1 is characterized in that, if described former picture is how little figure, then
Described how little figure is synthesized a whole figure according to a graded;
With described whole figure adjust to can be quick-downloading scope;
Import the position coordinates and the display size parameter that need Show Picture into, the full-size(d) that picture is set is the dimensional parameters that imports into;
Described picture is navigated to position coordinates;
Described position coordinates is moved to the top of viewing area.
12, the method that shows on webpage of speeding up picture according to claim 11 is characterized in that, described how little figure is the picture that the disk space that takies is less than or equal to 5k, and the disk space that described whole figure takies is between 20k to 50k.
13, the system that shows on webpage of a kind of speeding up picture is characterized in that, comprising:
First production unit is used to make the viewing area, and described viewing area is the actual zone that can show of webpage;
Judging unit is used to judge that described former picture is for scheming greatly, scheming or how little figure more;
Second production unit is used for judging that at described judging unit described former picture for big figure or when scheming, makes and the big or small identical fixedly figure layer of described former dimension of picture more;
The 3rd production unit is used to make the little figure of pseudo-background, and the little figure of described pseudo-background is the picture that takes up room much smaller than former picture, is used to support described fixedly figure layer;
Generation unit is used for the background of described former picture is made as the little figure of described pseudo-background, generates new figure layer, places on the described fixedly figure layer;
Preserve the unit, the path that is used to preserve former picture;
Embed the unit, be used for described new figure layer is embedded described viewing area;
First judging unit is used to judge whether described new figure layer is positioned at described viewing area;
Second judging unit is used to judge whether the described new figure layer path that enters the viewing area is the path of former picture;
Processing unit is used for the little figure of described pseudo-background is replaced with former picture, and with the described new figure layer buffer memory that enters the viewing area.
14, the system that shows on webpage of speeding up picture according to claim 13 is characterized in that, also comprises:
Converting unit is used for described former picture is converted to the form that web browser can be discerned.
15, the system that shows on webpage of speeding up picture according to claim 13 is characterized in that, when described former picture was big figure, described system also comprised:
The cutting unit, being used for described former picture cutting is many little figure;
Then described generation unit is made little figure layer according to the size of described little figure, and described little figure is spliced, and places on the described fixedly figure layer, and the background of described little figure layer is made as the little figure of described pseudo-background.
16, the system that on webpage, shows of speeding up picture according to claim 13, it is characterized in that, when described former picture is many figure, described generation unit, the path of described many figure all is made as the path of the little figure of described pseudo-background, the size of described many figure is made as the size of former picture, generates new figure layer.
17, the system that shows on webpage of speeding up picture according to claim 13 is characterized in that when the described former picture of described judgment unit judges was how little figure, described system also comprised:
Synthesis unit is used for described how little figure is synthesized a whole figure according to a graded;
Adjustment unit, be used for described whole figure adjust to can be quick-downloading scope;
The unit is set, is used to import into the position coordinates and the display size parameter that need Show Picture, the full-size(d) that picture is set is the dimensional parameters that imports into;
Positioning unit is used for described picture is navigated to position coordinates;
Translation unit is used for described position coordinates is moved to the top of viewing area.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 200810117131 CN100585600C (en) | 2008-07-24 | 2008-07-24 | Method and system for speeding up picture display on web page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 200810117131 CN100585600C (en) | 2008-07-24 | 2008-07-24 | Method and system for speeding up picture display on web page |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN101324895A true CN101324895A (en) | 2008-12-17 |
| CN100585600C CN100585600C (en) | 2010-01-27 |
Family
ID=40188434
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN 200810117131 Expired - Fee Related CN100585600C (en) | 2008-07-24 | 2008-07-24 | Method and system for speeding up picture display on web page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN100585600C (en) |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102591950A (en) * | 2011-12-28 | 2012-07-18 | 优视科技有限公司 | Webpage picture browsing method and device based on mobile terminal |
| WO2012152080A1 (en) * | 2011-10-25 | 2012-11-15 | 中兴通讯股份有限公司 | Method and device for displaying picture on browser of user terminal as required |
| CN102890687A (en) * | 2011-07-21 | 2013-01-23 | 腾讯科技（北京）有限公司 | Method, system and device for browsing webpage diagrams |
| CN103136225A (en) * | 2011-11-25 | 2013-06-05 | 北京新媒传信科技有限公司 | Method and system for internet image conversion |
| CN103514241A (en) * | 2012-12-07 | 2014-01-15 | Tcl集团股份有限公司 | Image loading method and system |
| CN103678264A (en) * | 2012-09-05 | 2014-03-26 | 奇多比行动软体股份有限公司 | Generation method of electronic book of composite layer and hypertext marked language and read program |
| CN103823851A (en) * | 2014-02-14 | 2014-05-28 | 小米科技有限责任公司 | Webpage display method and webpage display device |
| CN104111950A (en) * | 2013-04-19 | 2014-10-22 | 腾讯科技（深圳）有限公司 | Webpage image loading method and webpage image loading device |
| CN104331213A (en) * | 2014-08-04 | 2015-02-04 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN105022616A (en) * | 2014-04-23 | 2015-11-04 | 腾讯科技（北京）有限公司 | Method and device for generating web page |
| CN105824819A (en) * | 2015-01-05 | 2016-08-03 | 阿里巴巴集团控股有限公司 | Image loading method, device and electronic device |
| CN110750748A (en) * | 2019-10-24 | 2020-02-04 | 杭州网景汇网络科技有限公司 | Webpage display method |
| CN111553139A (en) * | 2019-01-23 | 2020-08-18 | 北大方正集团有限公司 | Picture typesetting method and equipment |
-
2008
- 2008-07-24 CN CN 200810117131 patent/CN100585600C/en not_active Expired - Fee Related
Cited By (18)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102890687B (en) * | 2011-07-21 | 2016-04-20 | 腾讯科技（北京）有限公司 | A kind of mthods, systems and devices browsing webpage picture group |
| CN102890687A (en) * | 2011-07-21 | 2013-01-23 | 腾讯科技（北京）有限公司 | Method, system and device for browsing webpage diagrams |
| WO2012152080A1 (en) * | 2011-10-25 | 2012-11-15 | 中兴通讯股份有限公司 | Method and device for displaying picture on browser of user terminal as required |
| CN103136225A (en) * | 2011-11-25 | 2013-06-05 | 北京新媒传信科技有限公司 | Method and system for internet image conversion |
| CN103136225B (en) * | 2011-11-25 | 2016-09-14 | 北京新媒传信科技有限公司 | A kind of method and system of Internet picture conversion |
| CN102591950B (en) * | 2011-12-28 | 2015-04-01 | 优视科技有限公司 | Webpage picture browsing method and device based on mobile terminal |
| CN102591950A (en) * | 2011-12-28 | 2012-07-18 | 优视科技有限公司 | Webpage picture browsing method and device based on mobile terminal |
| CN103678264A (en) * | 2012-09-05 | 2014-03-26 | 奇多比行动软体股份有限公司 | Generation method of electronic book of composite layer and hypertext marked language and read program |
| CN103514241B (en) * | 2012-12-07 | 2017-09-05 | Tcl集团股份有限公司 | picture loading method and system |
| CN103514241A (en) * | 2012-12-07 | 2014-01-15 | Tcl集团股份有限公司 | Image loading method and system |
| CN104111950A (en) * | 2013-04-19 | 2014-10-22 | 腾讯科技（深圳）有限公司 | Webpage image loading method and webpage image loading device |
| CN103823851A (en) * | 2014-02-14 | 2014-05-28 | 小米科技有限责任公司 | Webpage display method and webpage display device |
| CN105022616A (en) * | 2014-04-23 | 2015-11-04 | 腾讯科技（北京）有限公司 | Method and device for generating web page |
| CN105022616B (en) * | 2014-04-23 | 2019-12-03 | 腾讯科技（北京）有限公司 | A kind of method and device generating Webpage |
| CN104331213A (en) * | 2014-08-04 | 2015-02-04 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN105824819A (en) * | 2015-01-05 | 2016-08-03 | 阿里巴巴集团控股有限公司 | Image loading method, device and electronic device |
| CN111553139A (en) * | 2019-01-23 | 2020-08-18 | 北大方正集团有限公司 | Picture typesetting method and equipment |
| CN110750748A (en) * | 2019-10-24 | 2020-02-04 | 杭州网景汇网络科技有限公司 | Webpage display method |
Also Published As
| Publication number | Publication date |
|---|---|
| CN100585600C (en) | 2010-01-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN100585600C (en) | Method and system for speeding up picture display on web page | |
| US10394934B2 (en) | Scalable display of internet content on mobile devices | |
| CN111367445B (en) | Image annotation method and device | |
| JP4410465B2 (en) | Display method using elastic display space | |
| US9015578B2 (en) | Dynamic optimization of available display space | |
| CN101859322B (en) | Webpage display method for mobile terminal | |
| JP2012533102A (en) | Selective distribution of changing image updates to client devices | |
| CN107992589B (en) | SVG map data loading method, device and system | |
| CN101695198B (en) | Method and system for realizing optimizing page pictures of wireless application protocol | |
| CN103955549A (en) | Web GIS system based on SVG and data input and search method thereof | |
| JP2011103073A (en) | Information display device | |
| CN103197908B (en) | Based on pdf document display packing and the system of information display platform | |
| KR20210063828A (en) | 3d modeling file conversion system | |
| Peterson | Online mapping with APIs | |
| CN103577496A (en) | Method and device for displaying E-mail | |
| CN111221897A (en) | Visual view display method and device | |
| Soomro et al. | HTML and multimedia Web GIS | |
| CN104715054A (en) | Method for converting Silverlight content into HTML webpage content | |
| KR100839041B1 (en) | Providing system and method with web contents using image file based on mobile internet | |
| CN105260427A (en) | Internet based panoramic image display method | |
| Gartner | Telecartography: Maps, multimedia and the mobile internet | |
| Zhao et al. | The research of mobile GIS power distribution line inspection based on mobile SVG/J2ME | |
| CN102622351B (en) | The methods, devices and systems of switching network page type | |
| CN113486205B (en) | Plant science popularization information system based on augmented virtual reality technology | |
| CN102867323B (en) | A kind of disposal route, Apparatus and system of 3D texture |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220623 Address after: 3007, Hengqin international financial center building, No. 58, Huajin street, Hengqin new area, Zhuhai, Guangdong 519031 Patentee after: New founder holdings development Co.,Ltd. Patentee after: FOUNDER APABI TECHNOLOGY Ltd. Address before: 100871, Beijing, Haidian District Cheng Fu Road 298, founder building, 5 floor Patentee before: PEKING UNIVERSITY FOUNDER GROUP Co.,Ltd. Patentee before: FOUNDER APABI TECHNOLOGY Ltd. |
|
| TR01 | Transfer of patent right | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20100127 |
|
| CF01 | Termination of patent right due to non-payment of annual fee |