CN108255923A - Image presentation method, equipment and electronic equipment - Google Patents
Image presentation method, equipment and electronic equipment Download PDFInfo
- Publication number
- CN108255923A CN108255923A CN201711079997.4A CN201711079997A CN108255923A CN 108255923 A CN108255923 A CN 108255923A CN 201711079997 A CN201711079997 A CN 201711079997A CN 108255923 A CN108255923 A CN 108255923A
- Authority
- CN
- China
- Prior art keywords
- image
- displaying
- picture
- display area
- frame
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a kind of image presentation method, equipment and electronic equipments.This method is applied to the electronic equipment with display area, including：It determines to obtain the resource information of frame corresponding with image shows position there are during image shows position in the application interface shown in display area；When user meets preset interactive condition to the interactive operation that application interface is implemented, corresponding frame is obtained according to resource information, frame is shown by image shows position.According to the present invention, according to the interactive operation for the application interface that user implements, the image shows position in application interface, switching at runtime displaying application image and frame are multiplexed, is reduced while the exposure rate for ensureing frame and user is created disturbances to, promote user experience.
Description
Technical field
The present invention relates to field of computer technology, are set more particularly, to a kind of image presentation method, equipment and electronics
It is standby.
Background technology
With flourishing for Internet technology, webpage is browsed by accessing internet sites, becomes most interconnections
Network users obtain the daily approach of information.The operator of internet sites is for profit demand, it will usually be shown by website
Setting shows the advertisement of advertiser's dispensing to user, to obtain income for the advertisement position of releasing advertisements on the page.Advertisement position leads to
It is often the specific position selected in the page, such as can the fixed floating window to suspend in top, the floating window of bottom fixation suspension, the page
In embed region (such as corner location in text or after text), pop-up (fixed, to show automatic disappearance formula etc.) etc..
The form of advertisement is generally pure words/image/video.Wherein, image ad is due to open-and-shut display effect, most by
Favor.
But advertising image is shown in site page, the uninterested user to advertisement can be enabled to feel to be affected normally
Page browsing, user is caused to create disturbances to.Particularly, user is created disturbances in the advertising image of the more notable position displaying of the page
Degree bigger, for example, in the advertisement of " top fix suspend floating window " displaying, due to being webpage representation when can be first aobvious by first loading
Show, appear in first screen in mobile terminal displayed web page, exposure rate is very high, user is caused it is larger create disturbances to, influence user
Web browsing experience.
Therefore, it has been recognised by the inventors that it is necessary to above-mentioned problems of the prior art are improved.
Invention content
It is an object of the present invention to provide a kind of for showing the new solution of image.
According to the first aspect of the invention, a kind of image presentation method is provided, applied to the electronics with display area
Equipment, including：
It determines to obtain and show with described image there are during image shows position in the application interface shown in the display area
The resource information of the corresponding frame in position,
Wherein, described image displaying position is for displaying and the relevant application image of the application interface；
When user meets preset interactive condition to the interactive operation that the application interface is implemented, believed according to the resource
Breath obtains corresponding frame, shows that position shows described information image by described image.
Optionally,
The interactive condition is the interactive operation so that described image displaying position is moved into message display area domain,
Wherein, described information display area is the region being located in the display area on preset region segmentation line.
Optionally,
The region segmentation line is set in the display area meets preset height described in distance at the top of display area
The position of distance.
Optionally,
The application interface is Webpage, and described image displaying position is the figure that exhibiting pictures are used in the Webpage
Piece position.
Optionally,
The application interface is the three-level page, and described image displaying position is the text picture position in the three-level page,
Wherein, the three-level page is the Webpage for meeting preset three-level page condition；
The text picture position is that the picture of displaying meets the picture position of preset text picture condition.
Optionally,
It is not the homepage page of internet sites, the Webpage that the three-level page condition, which includes the Webpage,
Include meeting the title label of default tag types, and the word quantity in the Webpage is more than default number of words threshold
Value；
The picture that the text picture condition includes picture position displaying is that exterior chain resource, the picture are claimed as the non-back of the body
Jing Tu, the picture monopolize uniline show, the picture presentation width be not less than the display area width predetermined width ratio
Example, and the picture presentation height is not more than the preset height ratio of the display area height.
Optionally, the resource information step of acquisition frame corresponding with described image displaying position includes：
The attribute information of position is shown according to described image, obtains the resource of frame corresponding with described image displaying position
Information,
Wherein, the attribute information includes at least displaying height, displaying width and the display location of described image displaying position,
The resource information includes at least the resource address of described information image, the height of frame, width and right
The display location of image shows position answered.
Optionally,
The displaying order of described image displaying position is further included in the attribute information；
The resource information further includes the displaying order of corresponding described image displaying position.
Optionally,
The corresponding Info Link address of described information image is further included in the resource information.
Optionally,
It is described to show that the step of position shows described information image includes by described image：
Mask is set above the application image of described image displaying position current presentation so that the application image quilt
It hides；
In described image shows position, covering frame corresponding with described image displaying position.
According to the second aspect of the invention, a kind of image shows equipment is provided, is set applied to the electronics with display area
It is standby, including：
Acquiring unit, for determining to obtain there are during image shows position in the application interface shown in the display area
The resource information of frame corresponding with described image displaying position,
Wherein, described image displaying position is for displaying and the relevant application image of the application interface；
Display unit, for when user meets preset interactive condition to the interactive operation that the application interface is implemented,
Corresponding frame is obtained according to the resource information, shows that position shows described information image by described image.
According to the third aspect of the invention we, a kind of electronic equipment is provided, there is display area, including：Second party of the present invention
The image shows equipment that face provides.
According to the fourth aspect of the invention, a kind of electronic equipment is provided, including：
Display device；
Memory, for storing executable instruction；
Processor for the control according to described instruction, runs the electronic equipment to perform the first aspect of the present invention
Any one image presentation method of offer.
It was found by the inventors of the present invention that in the prior art, it is usual in webpage for the income demand of web site operator
It can fix there are the advertisement position of exhibiting pictures advertisement, the user of normal browsing webpage can be caused to create disturbances to.In the present invention, according to
User is implemented on the interactive operation of application interface, is multiplexed the image shows position in application interface, switching at runtime displaying application image
And frame, it avoids changing the layout pattern of application interface to show frame, is ensureing the exposure rate of frame
It reduces simultaneously and user is created disturbances to, promote user experience.Therefore, the technical assignment or to be solved of the invention to be realized
Technical problem be it is that those skilled in the art never expect or it is not expected that, therefore the present invention is a kind of new technical side
Case.
By referring to the drawings to the detailed description of exemplary embodiment of the present invention, other feature of the invention and its
Advantage will become apparent.
Description of the drawings
It is combined in the description and the attached drawing of a part for constitution instruction shows the embodiment of the present invention, and even
With its explanation together principle for explaining the present invention.
Fig. 1 is the frame of the example for the hardware configuration for showing the electronic equipment 1000 available for realizing the embodiment of the present invention
Figure.
Fig. 2 shows the flow charts of the image presentation method of the embodiment of the present invention.
Fig. 3 be the image presentation method for showing the embodiment of the present invention example in application interface schematic diagram.
Fig. 4 is the schematic diagram of the frame in the example for the image presentation method for showing the embodiment of the present invention.
Fig. 5 is the schematic diagram of the interactive operation of the example for the image presentation method for showing the embodiment of the present invention.
Fig. 6 is the schematic diagram of the displaying frame of the example for the image presentation method for showing the embodiment of the present invention.
Fig. 7 shows the block diagram of the image shows equipment 3000 of the embodiment of the present invention.
Fig. 8 shows the block diagram of the electronic equipment 4000 of the embodiment of the present invention.
Fig. 9 shows the block diagram of the electronic equipment 400 of the embodiment of the present invention.
Specific embodiment
Carry out the various exemplary embodiments of detailed description of the present invention now with reference to attached drawing.It should be noted that：Unless in addition have
Body illustrates that the unlimited system of component and the positioned opposite of step, numerical expression and the numerical value otherwise illustrated in these embodiments is originally
The range of invention.
It is illustrative to the description only actually of at least one exemplary embodiment below, is never used as to the present invention
And its application or any restrictions that use.
Technology, method and apparatus known to person of ordinary skill in the relevant may be not discussed in detail, but suitable
In the case of, the technology, method and apparatus should be considered as part of specification.
In shown here and discussion all examples, any occurrence should be construed as merely illustrative, without
It is as limitation.Therefore, other examples of exemplary embodiment can have different values.
It should be noted that：Similar label and letter represents similar terms in following attached drawing, therefore, once a certain Xiang Yi
It is defined in a attached drawing, then in subsequent attached drawing does not need to that it is further discussed.
<Hardware configuration>
Fig. 1 is the block diagram for showing to realize the hardware configuration of the electronic equipment 1000 of the embodiment of the present invention.
Electronic equipment 1000 can be portable computer, desktop computer, mobile phone, tablet computer etc..It is as shown in Figure 1, electric
Sub- equipment 1000 can include processor 1100, memory 1200, interface arrangement 1300, communication device 1400, display device
1500th, input unit 1600, loud speaker 1700, microphone 1800 etc..Wherein, processor 1100 can be central processing unit
CPU, Micro-processor MCV etc..Memory 1200 is for example including ROM (read-only memory), RAM (random access memory), such as
Nonvolatile memory of hard disk etc..Interface arrangement 1300 is such as including USB interface, earphone interface.Communication device 1400
Wired or wireless communication can be such as carried out, can specifically include Wifi communications, Bluetooth communication, 2G/3G/4G/5G communications etc..It is aobvious
Showing device 1500 is, for example, liquid crystal display, touch display screen etc..Input unit 1600 for example can include touch screen, keyboard,
Body-sensing input etc..User can pass through 1800 inputting/outputting voice information of loud speaker 1700 and microphone.
Electronic equipment shown in FIG. 1 is merely illustrative and is in no way intended to the invention, its application, or uses
Any restrictions.Applied in the embodiment of the present invention, the memory 1200 of electronic equipment 1000 is for storing instruction, described
Instruction is for controlling the processor 1100 to be operated to perform any one image shows side provided in an embodiment of the present invention
Method.It will be appreciated by those skilled in the art that although showing multiple devices to electronic equipment 1000 in Fig. 1, the present invention
Partial devices therein can be only related to, for example, electronic equipment 1000 pertains only to processor 1100 and storage device 1200.Technology
Personnel can instruct according to presently disclosed conceptual design.How control processor is operated for instruction, this is this field public affairs
Know, therefore be not described in detail herein.
<Embodiment>
The general idea of the present embodiment is to provide a kind of new solution for showing image, can be according to user to application
The interactive operation at interface, the original application image of interactive display and such as image of push in the image shows position of application interface
Frame as advertisement reduces while the exposure rate for ensureing frame and user is created disturbances to, promotes user experience.
<Image presentation method>
In the present embodiment, a kind of image presentation method is provided, applied to the electronic equipment with display area.The electronics
Equipment be it is any can have such as show this kind of display device of screen equipment, display area can be provided by display device
To provide the vision content that user may be viewed by, for example, electronic equipment can be mobile phone, tablet computer, desktop computer, notebook
Computer etc., corresponding display area are the display screens of electronic equipment.
The image presentation method, as shown in Fig. 2, including：
Step S2100 determines to obtain and image exhibition there are during image shows position in the application interface shown in display area
Show the resource information of the corresponding frame in position.
In this example it is shown that the application interface shown in region is provided by the application program that electronic equipment is run
Human-computer interaction interface, which can respond user's operation and provide corresponding man-machine interaction experience.For example, electronic equipment
When being mobile phone, which can be mobile browser, and application interface is the Webpage that user is browsed by browser.
In above application interface, the application content that corresponding application program provides can be shown, which can wrap
Include text, image, video, button, input frame etc..Accordingly, difference can be provided for different application contents in application interface
Interface Element usually show.For example, can include image shows position in application interface, which is used to show and apply
The relevant application image in interface.
For example, application program is browser, when application interface is Webpage, application image is that corresponding webpage includes
Picture, image shows position is used to show the picture of the webpage, i.e. image shows position is that exhibiting pictures are used in Webpage
Picture position.
In practical applications, Webpage would generally be divided into：
Homepage, also known as first level pages, general internet site website have a corresponding homepage, typically site contents
Main-inlet, such as multiple-service portal website, homepage are exactly the aggregation page of all kinds of information/channel page；
The channel page/category page/list page, also known as the two level page, such as the channel page of multiple-service portal website,
All kinds of information having polymerize under the channel, alternatively, the plate page of such as forum's website, specific model is presented with list mode
The Text Link (or picture and text link) of the page；
The page with body matter, also known as the three-level page, for example, it is the specific information page of multiple-service portal website, specific
The page of specific model in news pages or forum's website.
User's more attention is not first level pages or the two level page, but has the three-level page of specific subject content
Face, also, user more pays close attention to the text picture in the body matter for being the page.
In one example, application interface can be the three-level page, and application image is the corresponding webpage of the three-level page
The text picture that body matter includes, image shows position are used to show the text picture of the webpage, i.e. image shows position is this
Text picture position in the three-level page.
The three-level page is the Webpage for meeting preset three-level page condition.The three-level page condition is Webpage symbol
The condition of the three-level page is closed, for judging whether Webpage is to provide the three-level page of specific web page contents.For example, three-level
Page condition could be provided as including：It is pre- that Webpage is not that the homepage page, the Webpage of internet sites include meeting
If the word quantity in the title label and Webpage of tag types is more than default number of words threshold value；Wherein, label is preset
Type can be the h1/h2/h3/h4/h5/ in HTML (HyperText Markup Language, HyperText Markup Language)
Any one tag types of h6, presetting number of words threshold value can be set according to engineering experience or experiment simulation.
Text picture position is that the picture of displaying meets the picture position of preset text picture condition.The text picture condition is
Meet the condition of text picture in Webpage for the picture of exhibiting pictures, for judging whether the picture position is used to show just
Texts and pictures piece.For example, the picture that text picture condition includes the displaying of picture position is exterior chain resource (not embeds money in Webpage
Source), picture be claimed as non-Background (can be stated by the img tagged manners of HTML), picture monopolize uniline show, photo exhibition
Show that width is not less than the predetermined width ratio of display area width, and picture presentation height is pre- no more than display area height
If height ratio.Wherein, predetermined width ratio, preset height ratio can be according to engineering experience or experiment simulation equipment, examples
Such as, predetermined width ratio could be provided as 9/10, and preset height ratio could be provided as 1/3.
In the present embodiment, when there are during image shows position, obtained in the application interface for determining to show in display area with
The resource information of the corresponding frame in image shows position.The frame is shown by being multiplexed the image shows position
The image for including pushed information, which can be advertising information, information warning, notice information etc..For example, using boundary
Face is the three-level page, and image shows position is text picture position, and frame can be multiplexed the text picture position and be shown
Advertising pictures.
Specifically, the resource information step for obtaining frame corresponding with described image displaying position includes：According to image
It shows the attribute information of position, obtains the resource information of frame corresponding with the image shows position.
The attribute information of image shows position is the relevant information of displaying attribute with image shows position.For example, attribute information
Displaying height, displaying width and display location including at least image shows position.The display location is image shows position described
Position shown in application interface, for example, when application interface is Webpage, which is text picture position in webpage page
Address in face.
The resource information of frame is the relevant information of attribute of resource corresponding with the frame.For example, resource
Information includes at least the resource address of frame, the height of frame, width and the displaying of corresponding image shows position
Position.The resource address of frame is the address for the frame that can be obtained, and can be the storage inside of electronic equipment
The network resources address of address either internet.
In the present embodiment, frame can be according to concrete application scene or letter with the correspondence of image shows position
Cease the setting of push demand.For example, according to the ratio of width to height of frame, choose the approximate image shows position of displaying the ratio of width to height and carry out pair
It should.In another example the priority that can be pushed according to the information of frame, chooses the image exhibition of the display location of matching priority
Show that position is corresponded to.
In the present embodiment, frame corresponding with image shows position can be stored in the memory of electronic equipment, from
It obtains, is stored in the Resource Server of internet or LAN in the memory of electronic equipment, by corresponding
Resource Server obtains.For example, application interface is the three-level page, image shows position is text picture position, corresponding frame
It, can be to the corresponding advertising pictures of corresponding Advertisement Server acquisition request when being advertising pictures.
In practical applications, application interface can there are multiple images displaying positions.Therefore, image is further included in attribute information
Show the displaying order of position, accordingly, resource information further includes the displaying order of corresponding image shows position.The displaying number is
Corresponding image shows position is in order shown in corresponding application interface.Pass through the displaying order of image shows position, Ke Yiwei
The correspondence of each image shows position and frame in one mark application interface.
In one example, above-mentioned resource information can also include the corresponding Info Link address of frame, can make
It obtains user to redirect for example, by the operation of click information image and open the corresponding application interface in Info Link address, displaying
Corresponding information.Specifically, application interface is the three-level page, and image shows position is text picture position, and corresponding frame is
During advertising pictures, which is the corresponding advertisement link address of the advertising pictures, and user can be wide by clicking this
It accuses picture and realizes the click advertisement link address so that page jump opens the specific page of the advertisement.
Step S2200, when user meets preset interactive condition to the interactive operation that application interface is implemented, according to resource
The corresponding frame of acquisition of information shows the frame by image shows position.
In the present embodiment, user can include touching clicking operation, pass through electricity to the interactive operation that application interface is implemented
The mouse action or voice operating of the peripheral apparatus of sub- equipment such as mouse, microphone input.
In the present embodiment, when user implement interactive operation meet preset interactive condition, obtained according to resource information
Corresponding frame shows frame by image shows position, realizes the interactive operation according to user, is multiplexed image shows
Position switching at runtime displaying application image and frame, avoid changing the layout pattern of application interface to show frame,
Ensure to reduce while the exposure rate of frame and user is created disturbances to, promote user experience.
Interaction condition can be configured according to specific application scenarios or information push demand.For example, interaction condition can
To be interactive operation so that image shows position is moved into message display area domain.Wherein, message display area domain is to be located at display
Region in region on preset region segmentation line.
The region segmentation line can be configured according to specific application scenarios or information push demand.For example, the area
Regional partition line is set to the position for meeting preset height distance in display area at the top of display area.The preset height
Distance can be according to engineering experience value or experiment simulation setting, for example, could be provided as the 1/6 of display area height.
It, can be according in resource information when user meets preset interactive condition to the interactive operation that application interface is implemented
Frame resource address, by from local memory load or from Resource Server download etc. modes obtain correspondence
Frame.
After frame is obtained according to resource information, it can be wrapped by the step of image shows position displaying frame
It includes：
Mask is set above the application image of image shows position current presentation so that application image is hidden；In image
It shows in position, covering frame corresponding with described image displaying position.
Wherein, mask is the groups being made of multiple figure layers, and a nethermost figure layer is called the (letter of substrate figure layer
Claim base), figure layer disposed thereon is called top layer.Original picture will not be directly influenced to any operation of mask.
<Example>
The image presentation method provided in the present embodiment is be provided below with reference to Fig. 3 to Fig. 6 citings.
In this example, electronic equipment is mobile phone, and display area is the display screen in vertical screen mode of mobile phone, using boundary
Face is the three-level page as shown in Figure 3, and image shows position is the text picture position in news pages as shown in Figure 3.Region point
Secant be arranged on distance show screen top be 1/6 display screen height position, it is corresponding, message display area domain be from
Show that the region with 1/6 display screen height is played at the top of screen, as shown in Figure 3.It should be understood that information in Fig. 3
The frame of display area is that diagram understands for convenience, in actual implementation, to avoid influence user experience that from can't showing
It is shown in region.
Frame is advertising pictures as shown in Figure 4, and corresponding picture resource is stored in Advertisement Server.It is detecting
It, can be (high including displaying according to the attribute information of text picture position into the page as shown in Figure 3 there are during text picture position
Degree, displaying width, display location, displaying order), the resource information of the advertising pictures is obtained (including advertisement from Advertisement Server
Resource address, height, width and the display location of corresponding text picture position of picture, displaying order).
(rolling) page is dragged down when user is touched by mouse or finger, can cause the top of text picture position
Up movement is overlapped with region segmentation line at edge, as shown in Figure 5.It should be understood that the frame in message display area domain is in Fig. 5
Understand in order to facilitate diagram, in actual implementation, to avoid influence user experience that from can't being shown in display area.
When the operation of user is so that the top edge of text picture position is up moved across region segmentation line, i.e. text picture
When position initially enters message display area domain, can the advertising pictures be loaded according to the resource address of advertising pictures, in the positive texts and pictures
Setting mask above piece, and cover the advertising pictures of corresponding loading in the text picture position overlying.Advertising pictures
Top edge be aligned with the top edge of text picture position, as shown in Figure 6.It should be understood that message display area domain in Fig. 6
Frame be for convenience diagram understand, in actual implementation, for avoid influence user experience can't show in display area
Go out.
And as user, up dragging (rolling) is such that the top edge of picture position is in the lower section of decomposition line again so that just
When the message display area domain is left in texts and pictures piece position, then advertising pictures are hidden, restore original text picture in text picture position
Displaying, as shown in Figure 3.
Assuming that the height of text picture position is not more than screen height 1/3, accordingly, original text picture is complete shows
(entire text picture display screen in completely show) stroke distances about screen height 1/2 (i.e. from show screen
Height 5/6 to 1/3 position at)；And the complete of advertising pictures shows that (entire advertising pictures are completely opened up in display screen
Stroke distances now) are about in 1/6 (i.e. at 5/6 position to top of the height of display screen) of screen height.It is opening up
In existing stroke distances, the text picture of webpage still accounts for the ratio of bigger, reduces that show picture wide due to being multiplexed the picture position
It accuses and is created disturbances to what user brought；Meanwhile message display area domain is located at screen top fraction, user is in browsing from top to bottom
On direction, the region except the domain of message display area is only the Major Central region of user's browsing, also ensures user's normal browsing
Needs.
<Image shows equipment>
In the present embodiment, a kind of image shows equipment 3000 is also provided, applied to the electronic equipment with display area,
As shown in fig. 7, comprises acquiring unit 3100 and display unit 3200, for implementing the image shows side provided in the present embodiment
Method, details are not described herein.
The image shows equipment 3000, including：
Acquiring unit 3100, for determining in the application interface shown in the display area there are during image shows position,
The resource information of frame corresponding with described image displaying position is obtained,
Wherein, described image displaying position is for displaying and the relevant application image of the application interface；
Display unit 3200 meets the interactive operation that the application interface is implemented preset interactive condition for working as user
When, corresponding frame is obtained according to the resource information, shows that position shows described information image by described image.
Optionally, the interactive condition is the interactive operation so that described image displaying position is moved into information displaying
Region,
Wherein, described information display area is the region being located in the display area on preset region segmentation line.
Optionally, the region segmentation line be set in the display area described in distance meet at the top of display area it is pre-
If the position of height distance.
Optionally, the application interface is Webpage, and described image displaying position is to be used to show in the Webpage
The picture position of picture.
Optionally, the application interface is the three-level page, and described image displaying position is the positive texts and pictures in the three-level page
Piece position,
Wherein, the three-level page is the Webpage for meeting preset three-level page condition；
The text picture position is that the picture of displaying meets the picture position of preset text picture condition.
Optionally, the three-level page condition includes the homepage page, described that the Webpage is not internet sites
Webpage includes the title label for meeting default tag types, and the word quantity in the Webpage is more than in advance
If number of words threshold value；
The picture that the text picture condition includes picture position displaying is that exterior chain resource, the picture are claimed as the non-back of the body
Jing Tu, the picture monopolize uniline show, the picture presentation width be not less than the display area width predetermined width ratio
Example, and the picture presentation height is not more than the preset height ratio of the display area height.
Optionally, display unit 3200 is additionally operable to：
The attribute information of position is shown according to described image, obtains the resource of frame corresponding with described image displaying position
Information,
Wherein, the attribute information includes at least displaying height, displaying width and the display location of described image displaying position,
The resource information includes at least the resource address of described information image, the height of frame, width and right
The display location of image shows position answered.
Optionally, the displaying order of described image displaying position is further included in the attribute information；
The resource information further includes the displaying order of corresponding described image displaying position.
Optionally, display unit 3200 is additionally operable to：
Mask is set above the application image of described image displaying position current presentation so that the application image quilt
It hides；
In described image shows position, covering frame corresponding with described image displaying position.
In the present embodiment, image shows equipment 3000 can be the function mould in the application program installed in electronic equipment
Application program outer inlay or the patch form or may be mounted at electronic equipment that block or electronic equipment are installed
In application program, can also be hardware module in electronic equipment or electronic equipment in itself, those skilled in the art can be with
The form of any creative selection implementation image shows equipment 3000 is not required to according to application demand.
It will be appreciated by those skilled in the art that image shows equipment 3000 can be realized by various modes.It for example, can
To realize image shows equipment 3000 by instructing configuration processor.For example, instruction can be stored in the ROM, and work as
During starting device, instruction from ROM is read, image shows equipment 3000 is realized in programming device.For example, it can will scheme
As presentation device 3000 is cured in dedicated devices (such as ASIC).Image shows equipment 3000 can be divided into mutually independent
They can be merged realization by unit.Image shows equipment 3000 can be by above-mentioned various realization methods
One kind realize or can be realized by the combination of two or more modes in above-mentioned various realization methods.
<Electronic equipment>
In the present embodiment, a kind of electronic equipment 4000 is also provided, as shown in figure 8, including display area 4100 and this reality
The image shows equipment 3000 provided in example is provided.
The electronic equipment 4000 can be mobile phone, tablet computer, desktop computer or laptop etc..Display area
4100 be the display screen of electronic equipment.
In one example, the electronic equipment 400 that electronic equipment 4000 can also be as shown in Figure 9, including：
Display device 410；
Memory 420, for storing executable instruction；
Processor 430 for the control according to described instruction, runs the electronic equipment to perform as in the present embodiment
Any one image presentation method.
For example, electronic equipment 400 can be electronic equipment 1000 shown in Fig. 1.
Attached drawing is had been combined above and describes the embodiment of the present invention, according to the present embodiment, provides a kind of image shows side
Method, equipment and electronic equipment are implemented on the interactive operation of application interface according to user, the image shows being multiplexed in application interface
Position, switching at runtime displaying application image and frame, avoid changing the layout pattern of application interface to show frame,
Ensure to reduce while the exposure rate of frame and user is created disturbances to, promote user experience.
The present invention can be system, method and/or computer program product.Computer program product can include computer
Readable storage medium storing program for executing, containing for make processor realize various aspects of the invention computer-readable program instructions.
Computer readable storage medium can keep and store to perform the tangible of the instruction that uses of equipment by instruction
Equipment.Computer readable storage medium for example can be-- but be not limited to-- storage device electric, magnetic storage apparatus, optical storage
Equipment, electromagnetism storage device, semiconductor memory apparatus or above-mentioned any appropriate combination.Computer readable storage medium
More specific example (non exhaustive list) includes：Portable computer diskette, random access memory (RAM), read-only is deposited hard disk
It is reservoir (ROM), erasable programmable read only memory (EPROM or flash memory), static RAM (SRAM), portable
Compact disk read-only memory (CD-ROM), digital versatile disc (DVD), memory stick, floppy disk, mechanical coding equipment, for example thereon
It is stored with the punch card of instruction or groove internal projection structure and above-mentioned any appropriate combination.Calculating used herein above
Machine readable storage medium storing program for executing is not interpreted instantaneous signal in itself, and the electromagnetic wave of such as radio wave or other Free propagations leads to
It crosses the electromagnetic wave (for example, the light pulse for passing through fiber optic cables) of waveguide or the propagation of other transmission mediums or is transmitted by electric wire
Electric signal.
Computer-readable program instructions as described herein can be downloaded to from computer readable storage medium it is each calculate/
Processing equipment downloads to outer computer or outer by network, such as internet, LAN, wide area network and/or wireless network
Portion's storage device.Network can include copper transmission cable, optical fiber transmission, wireless transmission, router, fire wall, interchanger, gateway
Computer and/or Edge Server.Adapter or network interface in each calculating/processing equipment are received from network to be counted
Calculation machine readable program instructions, and the computer-readable program instructions are forwarded, for the meter being stored in each calculating/processing equipment
In calculation machine readable storage medium storing program for executing.
For perform the computer program instructions that operate of the present invention can be assembly instruction, instruction set architecture (ISA) instruction,
Machine instruction, machine-dependent instructions, microcode, firmware instructions, condition setup data or with one or more programming languages
Arbitrarily combine the source code or object code write, the programming language includes the programming language of object-oriented-such as
Procedural programming languages-such as " C " language or similar programming language of Smalltalk, C++ etc. and routine.Computer
Readable program instructions can be performed fully, partly perform on the user computer, is only as one on the user computer
Vertical software package performs, part performs or on the remote computer completely in remote computer on the user computer for part
Or it is performed on server.In situations involving remote computers, remote computer can pass through network-packet of any kind
Include LAN (LAN) or wide area network (WAN)-be connected to subscriber computer or, it may be connected to outer computer (such as profit
Pass through Internet connection with ISP).In some embodiments, by using computer-readable program instructions
Status information carry out personalized customization electronic circuit, such as programmable logic circuit, field programmable gate array (FPGA) or can
Programmed logic array (PLA) (PLA), the electronic circuit can perform computer-readable program instructions, so as to fulfill each side of the present invention
Face.
Referring herein to according to the method for the embodiment of the present invention, the flow chart of device (system) and computer program product and/
Or block diagram describes various aspects of the invention.It should be appreciated that each box and flow chart of flow chart and/or block diagram and/
Or in block diagram each box combination, can be realized by computer-readable program instructions.
These computer-readable program instructions can be supplied to all-purpose computer, special purpose computer or other programmable datas
The processor of processing unit, so as to produce a kind of machine so that these instructions are passing through computer or other programmable datas
When the processor of processing unit performs, produce and realize work(specified in one or more of flow chart and/or block diagram box
The device of energy/action.These computer-readable program instructions can also be stored in a computer-readable storage medium, these refer to
It enables so that computer, programmable data processing unit and/or other equipment work in a specific way, so as to be stored with instruction
Computer-readable medium then includes a manufacture, including realizing in one or more of flow chart and/or block diagram box
The instruction of the various aspects of defined function/action.
Computer-readable program instructions can also be loaded into computer, other programmable data processing units or other
In equipment so that series of operation steps are performed on computer, other programmable data processing units or miscellaneous equipment, with production
Raw computer implemented process, so that performed on computer, other programmable data processing units or miscellaneous equipment
Function/action specified in one or more of flow chart and/or block diagram box is realized in instruction.
Flow chart and block diagram in attached drawing show the system, method and computer journey of multiple embodiments according to the present invention
Architectural framework in the cards, function and the operation of sequence product.In this regard, each box in flow chart or block diagram can generation
One module of table, program segment or a part for instruction, the module, program segment or a part for instruction include one or more use
In the executable instruction of logic function as defined in realization.In some implementations as replacements, the function of being marked in box
It can be occurred with being different from the sequence marked in attached drawing.For example, two continuous boxes can essentially be held substantially in parallel
Row, they can also be performed in the opposite order sometimes, this is depended on the functions involved.It is also noted that block diagram and/or
The combination of each box in flow chart and the box in block diagram and/or flow chart can use function or dynamic as defined in performing
The dedicated hardware based system made is realized or can be realized with the combination of specialized hardware and computer instruction.It is right
It is well known that, realized for those skilled in the art by hardware mode, realized by software mode and by software and
It is all of equal value that the mode of combination of hardware, which is realized,.
Various embodiments of the present invention are described above, above description is exemplary, and non-exclusive, and
It is not limited to disclosed each embodiment.In the case of without departing from the scope and spirit of illustrated each embodiment, for this skill
Many modifications and changes will be apparent from for the those of ordinary skill in art field.The selection of term used herein, purport
Best explain each embodiment principle, practical application or to the technological improvement in market or make the art its
Its those of ordinary skill is understood that each embodiment disclosed herein.The scope of the present invention is defined by the appended claims.
Claims (13)
1. a kind of image presentation method, applied to the electronic equipment with display area, including：
It is right with described image displaying position there are during image shows position, obtaining in the application interface shown in the display area to determine
The resource information for the frame answered,
Wherein, described image displaying position is for displaying and the relevant application image of the application interface；
When user meets preset interactive condition to the interactive operation that the application interface is implemented, obtained according to the resource information
Corresponding frame is taken, shows that position shows described information image by described image.
2. according to the method described in claim 1, it is characterized in that,
The interactive condition is the interactive operation so that described image displaying position is moved into message display area domain,
Wherein, described information display area is the region being located in the display area on preset region segmentation line.
3. according to the method described in claim 2, it is characterized in that,
The region segmentation line, which is set in the display area, meets preset height distance at the top of display area described in distance
Position.
4. according to the method described in claim 1, it is characterized in that,
The application interface is Webpage, and described image displaying position is the picture that exhibiting pictures are used in the Webpage
Position.
5. according to the method described in claim 1, which is characterized in that
The application interface is the three-level page, and described image displaying position is the text picture position in the three-level page,
Wherein, the three-level page is the Webpage for meeting preset three-level page condition；
The text picture position is that the picture of displaying meets the picture position of preset text picture condition.
6. the method according to power requires 5, which is characterized in that
The three-level page condition, which includes the Webpage, is wrapped in the homepage page of internet sites, the Webpage
The title label for meeting default tag types is included, and the word quantity in the Webpage is more than default number of words threshold value；
The picture that the text picture condition includes picture position displaying is that exterior chain resource, the picture are claimed as non-background
Figure, the picture monopolize uniline show, the picture presentation width not less than the display area width predetermined width ratio,
And the picture presentation height is not more than the preset height ratio of the display area height.
7. according to the method described in claim 1, it is characterized in that, acquisition hum pattern corresponding with described image displaying position
The resource information step of picture includes：
The attribute information of position is shown according to described image, the resource for obtaining frame corresponding with described image displaying position is believed
Breath,
Wherein, the attribute information includes at least displaying height, displaying width and the display location of described image displaying position,
The resource information includes at least the resource address of described information image, the height of frame, width and corresponding
The display location of image shows position.
8. the method according to the description of claim 7 is characterized in that
The displaying order of described image displaying position is further included in the attribute information；
The resource information further includes the displaying order of corresponding described image displaying position.
9. the method according to the description of claim 7 is characterized in that
The corresponding Info Link address of described information image is further included in the resource information.
10. according to the method described in claim 1, it is characterized in that, described show that position shows described information by described image
The step of image, includes：
Mask is set above the application image of described image displaying position current presentation so that the application image is hidden
It hides；
In described image shows position, covering frame corresponding with described image displaying position.
11. a kind of image shows equipment, applied to the electronic equipment with display area, including：
Acquiring unit for determining in the application interface shown in the display area there are during image shows position, obtains and institute
The resource information of the corresponding frame in image shows position is stated,
Wherein, described image displaying position is for displaying and the relevant application image of the application interface；
Display unit, for when user meets preset interactive condition to the interactive operation that the application interface is implemented, according to
The resource information obtains corresponding frame, shows that position shows described information image by described image.
12. a kind of electronic equipment has display area, which is characterized in that including：
Image shows equipment as claimed in claim 11.
13. a kind of electronic equipment, which is characterized in that including：
Display device；
Memory, for storing executable instruction；
Processor for the control according to described instruction, runs the electronic equipment to perform as described in claim 1-10
Any one image presentation method.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711079997.4A CN108255923B (en) | 2017-11-06 | 2017-11-06 | Image display method and device and electronic device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711079997.4A CN108255923B (en) | 2017-11-06 | 2017-11-06 | Image display method and device and electronic device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108255923A true CN108255923A (en) | 2018-07-06 |
| CN108255923B CN108255923B (en) | 2020-11-03 |
Family
ID=62722140
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711079997.4A Active CN108255923B (en) | 2017-11-06 | 2017-11-06 | Image display method and device and electronic device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108255923B (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109191251A (en) * | 2018-08-31 | 2019-01-11 | 网易（杭州）网络有限公司 | A kind of page display method, device, medium and calculate equipment |
| CN110442806A (en) * | 2019-08-05 | 2019-11-12 | 百度在线网络技术（北京）有限公司 | The method and apparatus of image for identification |
| CN110780952A (en) * | 2018-07-30 | 2020-02-11 | 优视科技有限公司 | Application interface interaction method and device and electronic equipment |
| CN111161149A (en) * | 2019-12-30 | 2020-05-15 | 上海连尚网络科技有限公司 | Image display method and device |
| CN111488186A (en) * | 2019-01-25 | 2020-08-04 | 阿里巴巴集团控股有限公司 | Data processing method and device, electronic equipment and computer storage medium |
| WO2020200173A1 (en) * | 2019-04-02 | 2020-10-08 | 北京字节跳动网络技术有限公司 | Document input content processing method and apparatus, electronic device, and storage medium |
| CN112016026A (en) * | 2020-07-24 | 2020-12-01 | 上海淇玥信息技术有限公司 | Resource bit display method and device and electronic equipment |
| CN112905082A (en) * | 2019-11-19 | 2021-06-04 | 阿里巴巴集团控股有限公司 | Interaction method, device, client, electronic equipment and computer readable medium |
| WO2024112262A1 (en) * | 2022-11-22 | 2024-05-30 | 脸萌有限公司 | Information display method and apparatus, and device and storage medium |
| CN112905082B (en) * | 2019-11-19 | 2024-06-28 | 阿里巴巴集团控股有限公司 | Interaction method, device, client, electronic equipment and computer readable medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103092833A (en) * | 2011-10-27 | 2013-05-08 | 腾讯科技（深圳）有限公司 | Method, apparatus and mobile device for viewing pictures in mobile browser |
| CN105718505A (en) * | 2015-12-29 | 2016-06-29 | 北京金山安全软件有限公司 | Picture display method and device and mobile terminal |
| US20160359777A1 (en) * | 2012-08-15 | 2016-12-08 | Imvu, Inc. | System and method for increasing clarity and expressiveness in network communications |
| CN106445338A (en) * | 2016-09-19 | 2017-02-22 | 天脉聚源(北京)传媒科技有限公司 | Method and device for picture display |
-
2017
- 2017-11-06 CN CN201711079997.4A patent/CN108255923B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103092833A (en) * | 2011-10-27 | 2013-05-08 | 腾讯科技（深圳）有限公司 | Method, apparatus and mobile device for viewing pictures in mobile browser |
| US20160359777A1 (en) * | 2012-08-15 | 2016-12-08 | Imvu, Inc. | System and method for increasing clarity and expressiveness in network communications |
| CN105718505A (en) * | 2015-12-29 | 2016-06-29 | 北京金山安全软件有限公司 | Picture display method and device and mobile terminal |
| CN106445338A (en) * | 2016-09-19 | 2017-02-22 | 天脉聚源(北京)传媒科技有限公司 | Method and device for picture display |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110780952A (en) * | 2018-07-30 | 2020-02-11 | 优视科技有限公司 | Application interface interaction method and device and electronic equipment |
| CN109191251A (en) * | 2018-08-31 | 2019-01-11 | 网易（杭州）网络有限公司 | A kind of page display method, device, medium and calculate equipment |
| CN111488186B (en) * | 2019-01-25 | 2023-04-28 | 阿里巴巴集团控股有限公司 | Data processing method, device, electronic equipment and computer storage medium |
| CN111488186A (en) * | 2019-01-25 | 2020-08-04 | 阿里巴巴集团控股有限公司 | Data processing method and device, electronic equipment and computer storage medium |
| WO2020200173A1 (en) * | 2019-04-02 | 2020-10-08 | 北京字节跳动网络技术有限公司 | Document input content processing method and apparatus, electronic device, and storage medium |
| US11423112B2 (en) | 2019-04-02 | 2022-08-23 | Beijing Bytedance Network Technology Co., Ltd. | Document input content processing method and apparatus, electronic device, and storage medium |
| CN110442806A (en) * | 2019-08-05 | 2019-11-12 | 百度在线网络技术（北京）有限公司 | The method and apparatus of image for identification |
| CN110442806B (en) * | 2019-08-05 | 2022-04-26 | 百度在线网络技术（北京）有限公司 | Method and apparatus for recognizing image |
| CN112905082B (en) * | 2019-11-19 | 2024-06-28 | 阿里巴巴集团控股有限公司 | Interaction method, device, client, electronic equipment and computer readable medium |
| CN112905082A (en) * | 2019-11-19 | 2021-06-04 | 阿里巴巴集团控股有限公司 | Interaction method, device, client, electronic equipment and computer readable medium |
| CN111161149A (en) * | 2019-12-30 | 2020-05-15 | 上海连尚网络科技有限公司 | Image display method and device |
| CN111161149B (en) * | 2019-12-30 | 2023-11-17 | 上海连尚网络科技有限公司 | Image display method and device |
| CN112016026A (en) * | 2020-07-24 | 2020-12-01 | 上海淇玥信息技术有限公司 | Resource bit display method and device and electronic equipment |
| WO2024112262A1 (en) * | 2022-11-22 | 2024-05-30 | 脸萌有限公司 | Information display method and apparatus, and device and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN108255923B (en) | 2020-11-03 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108255923A (en) | Image presentation method, equipment and electronic equipment | |
| US8448074B2 (en) | Method and apparatus for providing portioned web pages in a graphical user interface | |
| CN109408685A (en) | Mind map methods of exhibiting and device | |
| CN107451162A (en) | Network resource accession equipment, mixing apparatus and method | |
| KR101760777B1 (en) | System of Building Responsive Website And Method there-of | |
| CN107526751A (en) | Loading method, client, web page server and the programmable device of webpage | |
| CN107122172A (en) | Processing method, operation method, equipment and the application apparatus gently applied | |
| CN107679113A (en) | Acquisition methods, equipment and the electronic equipment gently applied | |
| US11055474B2 (en) | Digital component backdrop rendering | |
| CN106874519A (en) | Webpage representation method and apparatus | |
| CN107368511A (en) | A kind of information displaying method and device | |
| CN108255900A (en) | Recommend news rendering method, equipment, browser and electronic equipment | |
| CN106779833A (en) | Information issuing method, equipment, programmable device and service platform | |
| CN110362304A (en) | The method and apparatus of web displaying | |
| CN108255896A (en) | Webpage pre-head method, Web access method, equipment and electronic equipment | |
| CN107632833A (en) | Generation method, equipment and the electronic equipment gently applied | |
| CN109446503A (en) | Document content deriving method and device | |
| CN113655999A (en) | Rendering method, device and equipment of page control and storage medium | |
| CN107133235A (en) | The page composition method, again composing device, browser and electronic equipment again | |
| JPWO2019039255A1 (en) | Terminal device, UI extension method, and UI extension program | |
| CN108449255A (en) | Comment on exchange method, equipment, client terminal device and electronic equipment | |
| CN108255916A (en) | Method, equipment, client terminal device and the electronic equipment that Webpage is presented | |
| CN110909274A (en) | Page browsing method and device and electronic equipment | |
| US20140310589A1 (en) | Creating a communication editable in a browser independent of platform and operating system | |
| CN111506848A (en) | Webpage processing method, device, equipment and readable storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20200526 Address after: 310051 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant after: Alibaba (China) Co.,Ltd. Address before: 100083, Beijing, Haidian District, Cheng Fu Road, No. 28, A building, block 12 Applicant before: UC MOBILE Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |