CN104598468A - Web image display method and device - Google Patents
Web image display method and device Download PDFInfo
- Publication number
- CN104598468A CN104598468A CN201310530375.4A CN201310530375A CN104598468A CN 104598468 A CN104598468 A CN 104598468A CN 201310530375 A CN201310530375 A CN 201310530375A CN 104598468 A CN104598468 A CN 104598468A
- Authority
- CN
- China
- Prior art keywords
- web page
- page picture
- viewing area
- son file
- picture
- 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.)
- Pending
Links
Landscapes
- Telephone Function (AREA)
Abstract
The invention discloses a web image display method and device. The method comprises the steps that web image data in a current mobile terminal browser page are obtained, wherein the web image data comprise at least one web image sub file and web image associated information; when an image display touch command is received, a browser full screen display window is set up in a mobile terminal browser, wherein the browser full screen display window comprises an image display area and an associated information display area; at least one web image sub file is displayed in the image display area, and the web image associated information is displayed in the associated information display area. The browser full screen display window can be set up in the mobile terminal browser, display and editing of the web image data can be achieved on the application program side of a mobile terminal browser client side, a user can look up and edit web images in the browser full screen display window, and the intelligence of the mobile terminal browser for the user to look up and edit the web images is improved.
Description
Technical field
The present invention relates to computer realm, particularly relate to a kind of display packing and device of Web page picture.
Background technology
The data got from web page server can be shown by browser client application program, in the mobile terminal such as mobile phone, panel computer, mobile internet service is realized by browser of mobile terminal, such as, mobile phone browser is that a kind of user carries out by wireless communication networks the mobile Internet instrument that internet content browses on mobile phone terminal, it is topmost is applied as web page browsing, also can assemble a large amount of application, as navigation, community, multimedia video, weather, stock market etc. simultaneously.
In existing browser of mobile terminal, by network from server request to image data be presented at after playing up the Webpage of browser, the display of Web page picture cannot be realized in browser of mobile terminal client application side.When multiple picture concerned are shown by the different page or Asynchronous loading mode, user need initiatively go to click to show next picture or a upper picture, the picture of display is that web page providers designs and according to demand based on JS(Javascript, the case sensitive client-side scripting language of the OO regime type that a kind of prototype developed by the LiveScript of Netscape is inherited) script realization, represent effect and be limited to webpage design personnel, image display effect is unfriendly.If user needs to amplify the picture in some Webpages, this picture need be selected, after browser receives the selection instruction of user, the data that this picture is corresponding are asked from server, this picture is shown in new Webpage, user need wait for that webpage cushions, in new Webpage, amplifieroperation is carried out to consult to the picture of display, if consult multiple picture concerned, need operate the picture of each page, user carries out the complex steps of editing operation again to picture, prior art cannot realize consulting and editor of Web page picture in browser of mobile terminal client application side.
Summary of the invention
The embodiment of the present invention provides a kind of display packing and device of Web page picture.Can realize display and the editor of net page picture data in browser of mobile terminal client application side, user can consult at browser full screen display window and edit Web page picture, and what improve that browser of mobile terminal consults with editing network picture is intelligent.
First aspect present invention provides a kind of display packing of Web page picture, can comprise:
Obtain the net page picture data in current mobile terminal browser page, described net page picture data comprises: at least one Web page picture son file and Web page picture related information;
When receiving picture display touch command, create browser full screen display window at described browser of mobile terminal, described browser full screen display window comprises: picture viewing area and related information viewing area;
At least one the Web page picture son file got described in the display of the picture viewing area of described browser full screen display window, the Web page picture related information got described in the display of the related information viewing area of described browser full screen display window.
Second aspect present invention provides a kind of display device of Web page picture, can comprise:
Acquisition module, for obtaining the net page picture data in current mobile terminal browser page, described net page picture data comprises: at least one Web page picture son file and Web page picture related information;
Window creating module, for when receiving picture display touch command, create browser full screen display window at described browser of mobile terminal, described browser full screen display window comprises: picture viewing area and related information viewing area;
Display module, for showing at least one Web page picture son file that described acquisition module gets in the picture viewing area of described browser full screen display window, show the Web page picture related information that described acquisition module gets in the related information viewing area of described browser full screen display window.
Implement the embodiment of the present invention, there is following beneficial effect:
The embodiment of the present invention can create browser full screen display window at browser of mobile terminal, and at least one the Web page picture son file shown in current mobile terminal browser page and Web page picture related information, display and the editor of net page picture data is realized in browser of mobile terminal client application side, when there being multiple Web page picture son file, without the need to opening Webpage corresponding to each Web page picture son file again, directly can consult or edit each Web page picture son file in browser full screen display window, what improve that browser of mobile terminal consults with editing network picture is intelligent.
Accompanying drawing explanation
In order to be illustrated more clearly in the embodiment of the present invention or technical scheme of the prior art, be briefly described to the accompanying drawing used required in embodiment or description of the prior art below, apparently, accompanying drawing in the following describes is only some embodiments of the present invention, for those of ordinary skill in the art, under the prerequisite not paying creative work, other accompanying drawing can also be obtained according to these accompanying drawings.
The process flow diagram of the display packing of a kind of Web page picture that Fig. 1 provides for the embodiment of the present invention;
The schematic diagram of the browser full screen display window that Fig. 2 provides for the embodiment of the present invention;
The structural representation of the display device of a kind of Web page picture that Fig. 3 provides for the embodiment of the present invention;
The structural representation of the display module that Fig. 4 provides for the embodiment of the present invention.
Embodiment
Below in conjunction with the accompanying drawing in the embodiment of the present invention, be clearly and completely described the technical scheme in the embodiment of the present invention, obviously, described embodiment is only the present invention's part embodiment, instead of whole embodiments.Based on the embodiment in the present invention, those of ordinary skill in the art, not making the every other embodiment obtained under creative work prerequisite, belong to the scope of protection of the invention.
In the embodiment of the present invention, mobile terminal is including, but not limited to terminal devices such as mobile phone, panel computer, personal digital assistants (PDA, Personal Digital Assistant, has another name called palm PC).Browser of mobile terminal is such as applicable to WAP(Wireless Application Protocol, WAP (wireless application protocol)), WWW(World Wide Web, WWW) the mobile phone QQ browser etc. of web page browsing.Web page picture comprises the picture in webpage and the picture between webpage, picture in webpage refers to the picture (advertisements in Webpage all in a Webpage, except the pictures such as mark logo), picture between webpage refers to be distributed in the different web pages page and related picture, and user needs to click the picture that certain button just can represent.
The invention discloses a kind of display packing and device of Web page picture, comprising: obtain the net page picture data in current mobile terminal browser page, net page picture data comprises: at least one Web page picture son file and Web page picture related information; When receiving picture display touch command, create browser full screen display window at browser of mobile terminal, browser full screen display window comprises: picture viewing area and related information viewing area; Show at least one the Web page picture son file got in the picture viewing area of browser full screen display window, show the Web page picture related information got in the related information viewing area of browser full screen display window.
Adopt the embodiment of the present invention, user is when checking Web page picture, Web page picture son file and the Web page picture related information of display is consulted in the browser full screen display window that can create at browser of mobile terminal, when there being multiple Web page picture son file, without the need to opening Webpage corresponding to each Web page picture son file again, directly can consult or edit each Web page picture son file in browser full screen display window, display and the editor of net page picture data is realized in browser of mobile terminal client application side, what improve that browser of mobile terminal consults with editing network picture is intelligent.
Below in conjunction with accompanying drawing 1, the display packing of the Web page picture that the embodiment of the present invention provides is described in detail.
Refer to Fig. 1, the process flow diagram of the display packing of a kind of Web page picture provided for the embodiment of the present invention; The method can comprise following S101 ~ S103.
S101, obtain the net page picture data in current mobile terminal browser page, net page picture data comprises: at least one Web page picture son file and Web page picture related information.
As the optional embodiment of one, in this step, obtain the net page picture data in current mobile terminal browser page, wherein, net page picture data is including, but not limited at least one Web page picture son file and Web page picture related information.Wherein, Web page picture related information can comprise: the index information of Web page picture son file, net page picture data load the heading message of progress msg or Web page picture son file.Concrete, the DOM node of net page picture data is obtained according to the Web page picture son file in current mobile terminal browser page, if there is father node, then determine that this Web page picture son file is cover figure relation, traversal dom tree obtains Web page picture son file corresponding to the brotgher of node.Wherein, be positioned at same layer and be connected to the node brotgher of node each other on same father node, in the embodiment of the present invention, cover figure picture is under same father node, the node of each Web page picture son file belongs to the node of same layer, and under same father node, then the node of each Web page picture son file brotgher of node each other.Such as, Webpage display a piece of news A, this news A comprises 3 Web page pictures, totally 3 Webpage displays, each Webpage shows a Web page picture, then there is father node, current display the 1st Web page picture, in this step, get the net page picture data in current mobile terminal browser page, the Web page picture son file got is first Web page picture, further alternative, traversal dom tree obtains Web page picture son file corresponding to the brotgher of node, then get other two Web page pictures that this news A comprises: the 2nd Web page picture and the 3rd Web page picture.
S102, when receiving picture display touch command, create browser full screen display window at browser of mobile terminal, browser full screen display window comprises: picture viewing area and related information viewing area.
As the optional embodiment of one, in this step, when receiving picture display touch command, create browser full screen display window at browser of mobile terminal.User carries out touch control operation to the button be presented in current mobile terminal browser page or picture entrance, and then receives picture display touch command, creates browser full screen display window according to this picture display touch command at browser of mobile terminal.Browser full screen display window is the display window that browser this locality creates, and for realizing in browser of mobile terminal client application side, instead of in prior art, web page providers designs according to demand and realizes based on JS script.At the element such as such as collection, label etc. that browser this locality carries, the element that browser full screen display window also carries for browser is local.
As the optional embodiment of one, browser full screen display window can for floating at the window of current mobile terminal browser page, can comprise in browser full screen display window: picture viewing area and related information viewing area, related information viewing area is the region in browser display window beyond picture viewing area.Wherein, picture viewing area can comprise: first viewing area of presetting and second viewing area of presetting.As shown in Figure 2, for the schematic diagram of the browser full screen display window that the embodiment of the present invention provides, region 201 is first viewing area of presetting, region 201 is for showing large figure, region 202 is second viewing area of presetting, region 202 is for showing thumbnail, and region 201 is greater than region 202, and the region outside region 201 and region 202 can be related information viewing area.
S103, shows at least one the Web page picture son file got, shows the Web page picture related information got in the related information viewing area of browser full screen display window in the picture viewing area of browser full screen display window.
As the optional embodiment of one, show at least one the Web page picture son file got in the picture viewing area of browser full screen display window.Optionally, show at least one the Web page picture son file got in the picture viewing area of browser full screen display window specifically can comprise:
First viewing area of presetting in browser full screen display window shows the Web page picture son file in the current mobile terminal browser page got;
Second viewing area of presetting in browser full screen display window shows the thumbnail of the thumbnail of described Web page picture son file and the adjacent Web page picture son file of described Web page picture son file, and the first default viewing area is greater than the second default viewing area.
As the optional embodiment of one, as shown in Figure 2, the Web page picture son file got in S101 in current mobile terminal browser page is picture 3, the adjacent webpage son file of picture 3 also comprises picture 2 and picture 4, then Show Picture 3 in first viewing area of presetting and region 201, the thumbnail of Show Picture in second viewing area of presetting and region 302 thumbnail of 2, the thumbnail of picture 3 and picture 4.
As the optional embodiment of one, the Web page picture related information got is shown in the related information viewing area of browser full screen display window, wherein, Web page picture related information can comprise: the index information of Web page picture son file, net page picture data load the heading message of progress msg or Web page picture son file.As shown in Figure 2,203 is the heading message of Web page picture son file, 204 is the index information of Web page picture son file, " (3/5) " refers to totally 5 Web page picture son files, current display the 3rd, 205 is net page picture data loading progress msg, can be two states, " crawling " or " having crawled ".
As the optional embodiment of one, when receiving the left/right slip instruction of Web page picture son file of the first viewing area display preset in browser full screen display window, show the front/rear adjacent Web page picture son file of described Web page picture son file in first viewing area of presetting.As shown in Figure 2, user can carry out left/right slip with finger or touch screen pen to the picture 3 in region 201, and then gets left/right slip instruction, may correspond to Show Picture 2 or picture 4.
As the optional embodiment of one, when the touch-control that the thumbnail of the adjacent Web page picture son file receiving the described Web page picture son file that the second viewing area default in browser full screen display window shows carries out is selected, show the Web page picture son file that the thumbnail of described touch-control selection is corresponding in first viewing area of presetting.As shown in Figure 2, user can with finger or touch screen pen carry out touch-control selection to the thumbnail in region 202, such as, user have selected the picture 4 in region 202, then Show Picture in region 201 correspondence 4 large figure.
As the optional embodiment of one, when receiving in described browser full screen display window the selection instruction of the front/rear thumbnail push button shown, at the thumbnail of the front/rear adjacent Web page picture son file of described the second default viewing area display web page figure tile subfile.As shown in Figure 2, button 206 is front thumbnail push button, button 207 is rear thumbnail push button, when receiving the selection instruction of user to button 206 or button 207, the front/rear thumbnail of display before and after corresponding in region 202, if receive the selection instruction of user to button 206, then Show Picture in region 202 thumbnail of the thumbnail of 1, the thumbnail of picture 2 and picture 3, if receive the selection instruction of user to button 207, then the thumbnail of Show Picture in region 202 thumbnail of 3, the thumbnail of picture 4 and picture 5.
Further alternative, the display packing of the Web page picture that the embodiment of the present invention provides can also comprise step after S103:
When receiving editor's touch command of Web page picture son file of the first viewing area display preset in described browser full screen display window, perform the editing operation that described editor's touch command is corresponding, described editor's touch command comprises: amplification instruction, reduce instruction, share instruction, hold instruction, collect instruction or scribble instruction.
As the optional embodiment of one, user is to editor's touch command of the Web page picture son file of the first viewing area display preset in browser full screen display window, editor's touch command comprises: amplification instruction, reduce instruction, share instruction, hold instruction, collection instruction or scribble instruction, in this step, receive this editor's touch command, the editing operation that executive editor's touch command is corresponding, editor touch command can be user directly in browser full screen display window the screen of display web page figure tile subfile touch-control select or to browser full screen display window preset button touch-control selection, such as user is two refers to that the Web page picture son file of the first viewing area display preset in touch-control browser full screen display window can carry out this Web page picture son file of zoom in/out, the long Web page picture son file then popup menu pressing the first viewing area display preset in browser full screen display window, can carry out sharing/preserving/collect/scribble selecting, share if having selected, then can continue selection and share circle of friends, space, what microblogging etc. were concrete shares destination address.
The embodiment of the present invention provides a kind of display packing of Web page picture, browser full screen display window can be created at browser of mobile terminal, and at least one the Web page picture son file shown in current mobile terminal browser page and Web page picture related information, display and the editor of net page picture data is realized in browser of mobile terminal client application side, when there being multiple Web page picture son file, without the need to opening Webpage corresponding to each Web page picture son file again, directly can consult or edit each Web page picture son file in browser full screen display window, directly editing operation can be carried out to each Web page picture son file in browser full screen display window, operation steps is convenient, what improve that browser of mobile terminal consults with editing network picture is intelligent.
Below in conjunction with accompanying drawing 3, the display device of the Web page picture that the embodiment of the present invention provides is described in detail.It should be noted that, the display device of the Web page picture shown in accompanying drawing 3, for performing the present invention's method embodiment illustrated in fig. 1, for convenience of explanation, illustrate only the part relevant to the embodiment of the present invention, concrete ins and outs do not disclose, and please refer to the embodiment shown in Fig. 1 of the present invention.
Refer to Fig. 3, the structural representation of the display device of a kind of Web page picture provided for the embodiment of the present invention; This device can comprise: acquisition module 301, window creating module 302 and display module 303.
Acquisition module 301, for obtaining the net page picture data in current mobile terminal browser page, described net page picture data comprises: at least one Web page picture son file and Web page picture related information.
As the optional embodiment of one, acquisition module 301 obtains the net page picture data in current mobile terminal browser page, and wherein, net page picture data is including, but not limited at least one Web page picture son file and Web page picture related information.Wherein, Web page picture related information can comprise: the index information of Web page picture son file, net page picture data load the heading message of progress msg or Web page picture son file.Concrete, the DOM node of net page picture data is obtained according to the Web page picture son file in current mobile terminal browser page, if there is father node, then determine that this Web page picture son file is cover figure relation, traversal dom tree obtains Web page picture son file corresponding to the brotgher of node.Wherein, be positioned at same layer and be connected to the node brotgher of node each other on same father node, in the embodiment of the present invention, cover figure picture is under same father node, the node of each Web page picture son file belongs to the node of same layer, and under same father node, then the node of each Web page picture son file brotgher of node each other.Such as, Webpage display a piece of news A, this news A comprises 3 Web page pictures, totally 3 Webpage displays, each Webpage shows a Web page picture, then there is father node, current display the 1st Web page picture, get the net page picture data in current mobile terminal browser page, the Web page picture son file got is first Web page picture, further alternative, traversal dom tree obtains Web page picture son file corresponding to the brotgher of node, then get other two Web page pictures that this news A comprises: the 2nd Web page picture and the 3rd Web page picture.
Window creating module 302, for when receiving picture display touch command, create browser full screen display window at described browser of mobile terminal, browser full screen display window comprises: picture viewing area and related information viewing area.
As the optional embodiment of one, when receiving picture display touch command, window creating module 302 creates browser full screen display window at browser of mobile terminal.User carries out touch control operation to the button be presented in current mobile terminal browser page or picture entrance, and then receiving picture display touch command, window creating module 302 creates browser full screen display window according to this picture display touch command at browser of mobile terminal.Browser full screen display window is the display window that browser this locality creates, and for realizing in browser of mobile terminal client application side, instead of in prior art, web page providers designs according to demand and realizes based on JS script.At the element such as such as collection, label etc. that browser this locality carries, the element that browser full screen display window also carries for browser is local.
As the optional embodiment of one, browser full screen display window can for floating at the window of current mobile terminal browser page, can comprise in browser full screen display window: picture viewing area and related information viewing area, related information viewing area is the region in browser display window beyond picture viewing area.Wherein, picture viewing area can comprise: first viewing area of presetting and second viewing area of presetting.As shown in Figure 2, region 201 is first viewing area of presetting, and region 201 is for showing large figure, region 202 is second viewing area of presetting, region 202 is for showing thumbnail, and region 201 is greater than region 202, and the region outside region 201 and region 202 can be related information viewing area.
Display module 303, for at least one the Web page picture son file got at the picture viewing area of described browser full screen display window display acquisition module 301, at the Web page picture related information that the related information viewing area of browser full screen display window display acquisition module 301 gets.
As the optional embodiment of one, at least one Web page picture son file that display module 303 gets at browser full screen display window display acquisition module 301.The first viewing area that display module 303 can be preset in browser full screen display window shows the Web page picture son file in the current mobile terminal browser page got.Display module 303 can show the thumbnail of the thumbnail of described Web page picture son file and the adjacent Web page picture son file of Web page picture son file in second viewing area of presetting in browser full screen display window, the first default viewing area is greater than the second default viewing area.
Display module 303, Web page picture related information also for getting at the related information viewing area of browser full screen display window display acquisition module 301, wherein, Web page picture related information can comprise: the index information of Web page picture son file, net page picture data load the heading message of progress msg or Web page picture son file.As shown in Figure 2,203 is the heading message of Web page picture son file, 204 is the index information of Web page picture son file, " (3/5) " refers to totally 5 Web page picture son files, current display the 3rd, 205 is net page picture data loading progress msg, can be two states, " crawling " or " having crawled ".
Further alternative, the device in the embodiment of the present invention, can also comprise: editing operation module 304.
Editing operation module 304, for when receiving editor's touch command of Web page picture son file of the first viewing area display preset in described browser full screen display window, perform the editing operation that described editor's touch command is corresponding, described editor's touch command comprises: amplification instruction, reduce instruction, share instruction, hold instruction, collect instruction or scribble instruction.
As the optional embodiment of one, user is to editor's touch command of the Web page picture son file of the first viewing area display preset in browser full screen display window, editor's touch command comprises: amplification instruction, reduce instruction, share instruction, hold instruction, collection instruction or scribble instruction, editing operation module 304 receives this editor's touch command, the editing operation that executive editor's touch command is corresponding, editor touch command can be user directly in browser full screen display window the screen of display web page figure tile subfile touch-control select or to browser full screen display window preset button touch-control selection, such as user is two refers to that the Web page picture son file of the first viewing area display preset in touch-control browser full screen display window can carry out this Web page picture son file of zoom in/out, the long Web page picture son file then popup menu pressing the first viewing area display preset in browser full screen display window, can carry out sharing/preserving/collect/scribble selecting, share if having selected, then can continue selection and share circle of friends, space, what microblogging etc. were concrete shares destination address.
In the embodiment of the present invention, a kind of display device of Web page picture is provided, window creating module can create browser full screen display window at browser of mobile terminal, display module can show at least one Web page picture son file in current mobile terminal browser page and Web page picture related information, display and the editor of net page picture data is realized in browser of mobile terminal client application side, when there being multiple Web page picture son file, without the need to opening Webpage corresponding to each Web page picture son file again, directly can consult or edit each Web page picture son file in browser full screen display window, directly editing operation can be carried out to each Web page picture son file in browser full screen display window, operation steps is convenient, what improve that browser of mobile terminal consults with editing network picture is intelligent.
Below in conjunction with accompanying drawing 4, the 26S Proteasome Structure and Function of the display module shown in Fig. 3 is described in detail.
Referring to Fig. 4, is the structural representation of the display module that the embodiment of the present invention provides; This display module 303 can comprise: the first display unit 3031 and the second display unit 3032.
First display unit 3031, the Web page picture son file in the current mobile terminal browser page got described in the first viewing area for presetting in described browser full screen display window shows.
Second display unit 3032, the second viewing area for presetting in described browser full screen display window shows the thumbnail of the thumbnail of described Web page picture son file and the adjacent Web page picture son file of described Web page picture son file, and described the first default viewing area is greater than described the second default viewing area.
As the optional embodiment of one, as shown in Figure 2, the acquisition module 301 Web page picture son file got in current mobile terminal browser page is picture 3, the adjacent webpage son file of picture 3 also comprises picture 2 and picture 4, first display unit 3031,3, second display unit 3032 that Shows Picture in first viewing area of presetting and region 201 Shows Picture in second viewing area of presetting and region 202 thumbnail of the thumbnail of 2, the thumbnail of picture 3 and picture 4.
Further alternative, as shown in Figure 4, this display module 303 can also comprise the 3rd display unit 3033.
3rd display unit 3033, for when receiving the left/right slip instruction of Web page picture son file of the first viewing area display preset in described browser full screen display window, show the front/rear adjacent Web page picture son file of described Web page picture son file in described the first default viewing area.
As the optional embodiment of one, when receiving the left/right slip instruction of Web page picture son file of the first viewing area display preset in browser full screen display window, the 3rd display unit 3033 is in the front/rear adjacent Web page picture son file of the first viewing area display web page figure tile subfile preset.As shown in Figure 2, user can carry out left/right slip with finger or touch screen pen to the picture 3 in region 201, and then gets left/right slip instruction, may correspond to Show Picture 2 or picture 4.
Further alternative, as shown in Figure 4, this display module 303 can also comprise the 4th display unit 3034.
4th display unit 3034, for when the touch-control that the thumbnail of the adjacent Web page picture son file receiving the described Web page picture son file that the second viewing area default in described browser full screen display window shows carries out is selected, show the Web page picture son file that the thumbnail of described touch-control selection is corresponding in described the first default viewing area.
As the optional embodiment of one, when the touch-control that the thumbnail of adjacent Web page picture son file of the described Web page picture son file receiving the second viewing area display preset in browser full screen display window carries out is selected, the 4th display unit 3034 shows Web page picture son file corresponding to thumbnail that described touch-control selects in first viewing area of presetting.As shown in Figure 2, user can with finger or touch screen pen carry out touch-control selection to the thumbnail in region 202, such as, user have selected the picture 4 in region 202, then Show Picture in region 201 correspondence 4 large figure.
Further alternative, as shown in Figure 4, this display module 303 can also comprise the 5th display unit 3035.
5th display unit 3035, for when receiving in described browser full screen display window the selection instruction of the front/rear thumbnail push button shown, show the thumbnail of the front/rear adjacent Web page picture son file of described Web page picture son file in described the second default viewing area.
As the optional embodiment of one, when receiving in described browser full screen display window the selection instruction of the front/rear thumbnail push button shown, the 5th display unit 3035 is at the thumbnail of the front/rear adjacent Web page picture son file of the second viewing area display web page figure tile subfile preset.As shown in Figure 2, button 206 is front thumbnail push button, button 207 is rear thumbnail push button, when receiving the selection instruction of user to button 206 or button 207, the front/rear thumbnail of display before and after corresponding in region 202, if receive the selection instruction of user to button 206, then Show Picture in region 202 thumbnail of the thumbnail of 1, the thumbnail of picture 2 and picture 3, if receive the selection instruction of user to button 207, then the thumbnail of Show Picture in region 202 thumbnail of 3, the thumbnail of picture 4 and picture 5.
It should be noted that, the 26S Proteasome Structure and Function of the display module shown in accompanying drawing 4 is by the present invention's method specific implementation embodiment illustrated in fig. 1, and this specific implementation process can the associated description of embodiment shown in Figure 1, is not repeated herein.
The embodiment of the invention also discloses a kind of mobile terminal, comprise display screen and browser of mobile terminal, display screen for showing data, such as the display navigation device page and browser full screen display window etc., browser of mobile terminal device as Figure 3-Figure 4; The 26S Proteasome Structure and Function of this device see the associated description of Fig. 3-embodiment illustrated in fig. 4, can be not repeated herein.It should be noted that, the terminal of the present embodiment can be applicable in said method.
By the description of above-described embodiment, the net page picture data in current mobile terminal browser page can be obtained, net page picture data comprises: at least one Web page picture son file and Web page picture related information, browser full screen display window can be created at browser of mobile terminal, and at least one the Web page picture son file shown in current mobile terminal browser page and Web page picture related information.Browser full screen display window is the display window that browser this locality creates, for realizing in browser of mobile terminal client application side, instead of in prior art, web page providers designs according to demand and realizes based on JS script, achieves the display and the editor that carry out net page picture data in browser of mobile terminal client application side.When there being multiple Web page picture son file, without the need to opening Webpage corresponding to each Web page picture son file again, directly can consult or edit each Web page picture son file in browser full screen display window, directly editing operation can be carried out to each Web page picture son file in browser full screen display window, operation steps is convenient, and what improve that browser of mobile terminal consults with editing network picture is intelligent.
One of ordinary skill in the art will appreciate that all or part of flow process realized in above-described embodiment method, that the hardware that can carry out instruction relevant by computer program has come, described program can be stored in a computer read/write memory medium, this program, when performing, can comprise the flow process of the embodiment as above-mentioned each side method.Wherein, described storage medium can be magnetic disc, CD, read-only store-memory body (Read-Only Memory, ROM) or random store-memory body (Random Access Memory, RAM) etc.
Above disclosedly be only present pre-ferred embodiments, certainly can not limit the interest field of the present invention with this, therefore according to the equivalent variations that the claims in the present invention are done, still belong to the scope that the present invention is contained.
Claims (14)
1. a display packing for Web page picture, is characterized in that, described method comprises:
Obtain the net page picture data in current mobile terminal browser page, described net page picture data comprises: at least one Web page picture son file and Web page picture related information;
When receiving picture display touch command, create browser full screen display window at described browser of mobile terminal, described browser full screen display window comprises: picture viewing area and related information viewing area;
At least one the Web page picture son file got described in the display of the picture viewing area of described browser full screen display window, the Web page picture related information got described in the display of the related information viewing area of described browser full screen display window.
2. the method for claim 1, is characterized in that, described Web page picture related information comprises: the index information of described Web page picture son file, described net page picture data load the heading message of progress msg or described Web page picture son file.
3. the method for claim 1, is characterized in that, at least one the Web page picture son file got described in the display of the described picture viewing area at described browser full screen display window, comprising:
Web page picture son file in the current mobile terminal browser page got described in the first viewing area display preset in described browser full screen display window;
Second viewing area of presetting in described browser full screen display window shows the thumbnail of the thumbnail of described Web page picture son file and the adjacent Web page picture son file of described Web page picture son file, and described the first default viewing area is greater than described the second default viewing area.
4. method as claimed in claim 3, is characterized in that, after described at least one Web page picture son file getting described in the display of described browser full screen display window picture viewing area, comprising:
When receiving the left/right slip instruction of Web page picture son file of the first viewing area display preset in described browser full screen display window, show the front/rear adjacent Web page picture son file of described Web page picture son file in described the first default viewing area.
5. method as claimed in claim 3, is characterized in that, after described at least one Web page picture son file getting described in the display of described browser full screen display window picture viewing area, comprising:
When the touch-control that the thumbnail of the adjacent Web page picture son file receiving the described Web page picture son file that the second viewing area default in described browser full screen display window shows carries out is selected, show the Web page picture son file that the thumbnail of described touch-control selection is corresponding in described the first default viewing area.
6. the method as described in as arbitrary in claim 3 ~ 5, it is characterized in that, described at least one Web page picture son file got described in the display of described browser full screen display window picture viewing area, after the Web page picture related information got described in the display of the related information viewing area of described browser full screen display window, comprising:
When receiving editor's touch command of Web page picture son file of the first viewing area display preset in described browser full screen display window, perform the editing operation that described editor's touch command is corresponding, described editor's touch command comprises: amplification instruction, reduce instruction, share instruction, hold instruction, collect instruction or scribble instruction.
7. method as claimed in claim 3, is characterized in that, after described at least one Web page picture son file getting described in the display of described browser full screen display window picture viewing area, comprising:
When receiving in described browser full screen display window the selection instruction of the front/rear thumbnail push button shown, show the thumbnail of the front/rear adjacent Web page picture son file of described Web page picture son file in described the second default viewing area.
8. a display device for Web page picture, is characterized in that, described device comprises:
Acquisition module, for obtaining the net page picture data in current mobile terminal browser page, described net page picture data comprises: at least one Web page picture son file and Web page picture related information;
Window creating module, for when receiving picture display touch command, create browser full screen display window at described browser of mobile terminal, described browser full screen display window comprises: picture viewing area and related information viewing area;
Display module, for showing at least one Web page picture son file that described acquisition module gets in the picture viewing area of described browser full screen display window, show the Web page picture related information that described acquisition module gets in the related information viewing area of described browser full screen display window.
9. device as claimed in claim 8, it is characterized in that, described Web page picture related information comprises: the index information of described Web page picture son file, described net page picture data load the heading message of progress msg or described Web page picture son file.
10. device as claimed in claim 8, it is characterized in that, described display module comprises:
First display unit, the Web page picture son file in the current mobile terminal browser page got described in the first viewing area for presetting in described browser full screen display window shows;
Second display unit, the second viewing area for presetting in described browser full screen display window shows the thumbnail of the thumbnail of described Web page picture son file and the adjacent Web page picture son file of described Web page picture son file, and described the first default viewing area is greater than described the second default viewing area.
11. devices as claimed in claim 10, it is characterized in that, described display module comprises:
3rd display unit, for when receiving the left/right slip instruction of Web page picture son file of the first viewing area display preset in described browser full screen display window, show the front/rear adjacent Web page picture son file of described Web page picture son file in described the first default viewing area.
12. devices as claimed in claim 10, it is characterized in that, described display module also comprises:
4th display unit, for when the touch-control that the thumbnail of the adjacent Web page picture son file receiving the described Web page picture son file that the second viewing area default in described browser full screen display window shows carries out is selected, show the Web page picture son file that the thumbnail of described touch-control selection is corresponding in described the first default viewing area.
13. as arbitrary in claim 10 ~ 12 as described in device, it is characterized in that, described device also comprises:
Editing operation module, for when receiving editor's touch command of Web page picture son file of the first viewing area display preset in described browser full screen display window, perform the editing operation that described editor's touch command is corresponding, described editor's touch command comprises: amplification instruction, reduce instruction, share instruction, hold instruction, collect instruction or scribble instruction.
14. devices as claimed in claim 10, it is characterized in that, described display module also comprises:
5th display unit, for when receiving in described browser full screen display window the selection instruction of the front/rear thumbnail push button shown, show the thumbnail of the front/rear adjacent Web page picture son file of described Web page picture son file in described the second default viewing area.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310530375.4A CN104598468A (en) | 2013-10-30 | 2013-10-30 | Web image display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310530375.4A CN104598468A (en) | 2013-10-30 | 2013-10-30 | Web image display method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104598468A true CN104598468A (en) | 2015-05-06 |
Family
ID=53124264
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310530375.4A Pending CN104598468A (en) | 2013-10-30 | 2013-10-30 | Web image display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104598468A (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105677908A (en) * | 2016-02-23 | 2016-06-15 | 深圳正品创想科技有限公司 | Web page browsing method for picture-containing contents |
| CN106020610A (en) * | 2016-05-24 | 2016-10-12 | 珠海市魅族科技有限公司 | Control method and control device for task manager |
| CN106250002A (en) * | 2016-08-04 | 2016-12-21 | 腾讯科技（深圳）有限公司 | Information processing method and information processor |
| CN106293321A (en) * | 2015-06-12 | 2017-01-04 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
| CN108288226A (en) * | 2018-01-30 | 2018-07-17 | 深圳市富途网络科技有限公司 | The profit and loss sharing module and method of one B shareB account |
| CN111061531A (en) * | 2019-12-10 | 2020-04-24 | 维沃移动通信有限公司 | Picture display method and electronic equipment |
| CN111538448A (en) * | 2020-04-28 | 2020-08-14 | 北京无限光场科技有限公司 | Image display method and device, terminal and storage medium |
| CN111580878A (en) * | 2020-04-29 | 2020-08-25 | 浙江大华技术股份有限公司 | Method, device, equipment and medium for realizing linkage of page and client application |
| CN112328924A (en) * | 2020-10-27 | 2021-02-05 | 青岛以萨数据技术有限公司 | Method, electronic device, medium and system for realizing picture viewer at web end |
| CN113835595A (en) * | 2020-06-23 | 2021-12-24 | 阿里巴巴集团控股有限公司 | Picture display method and device, electronic equipment and computer storage medium |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101206658A (en) * | 2006-12-21 | 2008-06-25 | 鸿富锦精密工业（深圳）有限公司 | Picture display device and method |
| JP2009237865A (en) * | 2008-03-27 | 2009-10-15 | Yahoo Japan Corp | Image display device to be operated with remote control key, method and program |
| KR20100117837A (en) * | 2009-04-27 | 2010-11-04 | 주식회사 시맨틱스 | System for and method of displaying virtual images of results in search system |
| CN102270206A (en) * | 2010-06-03 | 2011-12-07 | 北京迅捷英翔网络科技有限公司 | Method and device for capturing valid web page contents |
| CN102591950A (en) * | 2011-12-28 | 2012-07-18 | 优视科技有限公司 | Webpage picture browsing method and device based on mobile terminal |
| CN102819561A (en) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | Picture display method and device based on webpage |
| CN102819560A (en) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | Display method and device of picture in webpage |
| CN102890604A (en) * | 2011-07-21 | 2013-01-23 | 腾讯科技（深圳）有限公司 | Method and device for marking target object at machine side in man-machine interaction |
| CN103092833A (en) * | 2011-10-27 | 2013-05-08 | 腾讯科技（深圳）有限公司 | Method, apparatus and mobile device for viewing pictures in mobile browser |
-
2013
- 2013-10-30 CN CN201310530375.4A patent/CN104598468A/en active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101206658A (en) * | 2006-12-21 | 2008-06-25 | 鸿富锦精密工业（深圳）有限公司 | Picture display device and method |
| JP2009237865A (en) * | 2008-03-27 | 2009-10-15 | Yahoo Japan Corp | Image display device to be operated with remote control key, method and program |
| KR20100117837A (en) * | 2009-04-27 | 2010-11-04 | 주식회사 시맨틱스 | System for and method of displaying virtual images of results in search system |
| CN102270206A (en) * | 2010-06-03 | 2011-12-07 | 北京迅捷英翔网络科技有限公司 | Method and device for capturing valid web page contents |
| CN102890604A (en) * | 2011-07-21 | 2013-01-23 | 腾讯科技（深圳）有限公司 | Method and device for marking target object at machine side in man-machine interaction |
| CN103092833A (en) * | 2011-10-27 | 2013-05-08 | 腾讯科技（深圳）有限公司 | Method, apparatus and mobile device for viewing pictures in mobile browser |
| CN102591950A (en) * | 2011-12-28 | 2012-07-18 | 优视科技有限公司 | Webpage picture browsing method and device based on mobile terminal |
| CN102819561A (en) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | Picture display method and device based on webpage |
| CN102819560A (en) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | Display method and device of picture in webpage |
Non-Patent Citations (1)
| Title |
|---|
| 刘智勇: "《JavaScript 开发技术大全》", 28 February 2009, 清华大学出版社 * |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106293321A (en) * | 2015-06-12 | 2017-01-04 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
| CN105677908B (en) * | 2016-02-23 | 2019-07-26 | 深圳正品创想科技有限公司 | A kind of Web browser method with image content |
| CN105677908A (en) * | 2016-02-23 | 2016-06-15 | 深圳正品创想科技有限公司 | Web page browsing method for picture-containing contents |
| CN106020610A (en) * | 2016-05-24 | 2016-10-12 | 珠海市魅族科技有限公司 | Control method and control device for task manager |
| CN106250002B (en) * | 2016-08-04 | 2020-04-14 | 腾讯科技（深圳）有限公司 | Information processing method and information processing apparatus |
| CN106250002A (en) * | 2016-08-04 | 2016-12-21 | 腾讯科技（深圳）有限公司 | Information processing method and information processor |
| CN108288226A (en) * | 2018-01-30 | 2018-07-17 | 深圳市富途网络科技有限公司 | The profit and loss sharing module and method of one B shareB account |
| CN111061531A (en) * | 2019-12-10 | 2020-04-24 | 维沃移动通信有限公司 | Picture display method and electronic equipment |
| CN111538448A (en) * | 2020-04-28 | 2020-08-14 | 北京无限光场科技有限公司 | Image display method and device, terminal and storage medium |
| CN111538448B (en) * | 2020-04-28 | 2021-07-23 | 北京无限光场科技有限公司 | Image display method and device, terminal and storage medium |
| CN111580878A (en) * | 2020-04-29 | 2020-08-25 | 浙江大华技术股份有限公司 | Method, device, equipment and medium for realizing linkage of page and client application |
| CN113835595A (en) * | 2020-06-23 | 2021-12-24 | 阿里巴巴集团控股有限公司 | Picture display method and device, electronic equipment and computer storage medium |
| CN112328924A (en) * | 2020-10-27 | 2021-02-05 | 青岛以萨数据技术有限公司 | Method, electronic device, medium and system for realizing picture viewer at web end |
| CN112328924B (en) * | 2020-10-27 | 2023-08-01 | 青岛以萨数据技术有限公司 | Method, electronic equipment, medium and system for realizing picture viewer by web side |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104598468A (en) | Web image display method and device | |
| US20240094872A1 (en) | Navigating through documents in a document viewing application | |
| EP2513820B1 (en) | Method and apparatus for rendering web pages utilizing external rendering rules | |
| CN101957730B (en) | Messaging device and information processing method | |
| US20160019604A1 (en) | Information display device, distribution device, information display method, and non-transitory computer readable storage medium | |
| US20200073903A1 (en) | Method and device of tagging links included in a screenshot of webpage | |
| US20070136268A1 (en) | Just in time loading list | |
| CN104834753A (en) | Webpage screenshot generating method and device | |
| US20150088664A1 (en) | Search system, search method, terminal apparatus, and non-transitory computer-readable recording medium | |
| CN102123195A (en) | Apparatus and method for providing bookmark service in communication terminal | |
| JP7334362B2 (en) | In-document table browsing method, device, electronic device, and storage medium | |
| CN103870134B (en) | A kind of method and device of information browse | |
| US20180181288A1 (en) | Method for displaying information, and terminal equipment | |
| CN101765979A (en) | Document processing for mobile devices | |
| CN102413297A (en) | Method for realizing webpage browsing on television and television | |
| CN111596911B (en) | Method, device, computer equipment and storage medium for generating control | |
| CN101930456A (en) | Method and system for establishing aggregated LinkUGC by using browser | |
| US20180275838A1 (en) | Method, device and browser for presenting recommended news, and electronic device | |
| CN110019037A (en) | A kind of pdf document methods of exhibiting, device, equipment and storage medium | |
| CN104423991A (en) | Webpage loading and webpage data providing method and device of mobile terminal | |
| CN102707884A (en) | Interactive tool display method, interactive data acquiring method and terminal | |
| JP2012064207A (en) | Host device and content display method of the same | |
| CN104598467A (en) | Web image display method and device | |
| CN112149025A (en) | Media resource display method and device, storage medium and electronic equipment | |
| US11928172B2 (en) | Systems and methods for a web browser for use in handheld wireless devices that renders web pages without advertisement |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150506 |