CN108255923B - Image display method and device and electronic device - Google Patents
Image display method and device and electronic device Download PDFInfo
- Publication number
- CN108255923B CN108255923B CN201711079997.4A CN201711079997A CN108255923B CN 108255923 B CN108255923 B CN 108255923B CN 201711079997 A CN201711079997 A CN 201711079997A CN 108255923 B CN108255923 B CN 108255923B
- Authority
- CN
- China
- Prior art keywords
- image
- information
- display
- picture
- image display
- 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.)
- Active
Links
Images
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
Abstract
The invention discloses an image display method, image display equipment and electronic equipment. The method is applied to the electronic equipment with the display area, and comprises the following steps: when determining that an image display position exists in an application interface displayed in a display area, acquiring resource information of an information image corresponding to the image display position; and when the interactive operation carried out on the application interface by the user accords with the preset interactive condition, acquiring the corresponding information image according to the resource information, and displaying the information image through the image display position. According to the invention, the image display positions in the application interface are multiplexed according to the interactive operation of the application interface implemented by the user, the application image and the information image are dynamically switched and displayed, the disturbance to the user is reduced while the exposure rate of the information image is ensured, and the user experience is improved.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to an image display method and device, and an electronic device.
Background
With the rapid development of internet technology, browsing web pages by accessing internet sites becomes a daily way for most internet users to obtain information. For profitability, an operator of an internet site usually obtains revenue by setting an advertisement space for publishing advertisements on a page displayed by the site and displaying the advertisements released by the advertiser to a user. The ad spots are typically selected specific locations within the page, such as floating windows that may be fixedly floating at the top, floating windows that are fixedly floating at the bottom, areas embedded in the page (e.g., corner locations within or behind the text), pop-up windows (fixed, show auto-disappearing, etc.), and the like. The advertisements are typically in the form of plain text/images/video. Among them, the image advertisement is most preferred because it has a clear display effect.
However, when the advertisement image is displayed on the website page, the user who is not interested in the advertisement feels influenced by normal page browsing, and the user is disturbed. Particularly, the disturbing degree of the advertisement image displayed at the position with the obvious page to the user is larger, for example, the advertisement displayed at the floating window with the fixed and suspended top is firstly loaded and displayed when the page is displayed, and is displayed on the first screen when the webpage is displayed at the mobile terminal, so that the exposure rate is very high, the user is greatly disturbed, and the webpage browsing experience of the user is influenced.
Accordingly, the inventors have determined that there is a need for improvement of the above-described problems in the prior art.
Disclosure of Invention
It is an object of the present invention to provide a new solution for presenting images.
According to a first aspect of the present invention, there is provided an image displaying method applied to an electronic device having a display area, comprising:
when determining that an image display position exists in the application interface displayed in the display area, acquiring resource information of an information image corresponding to the image display position,
the image display position is used for displaying an application image related to the application interface;
and when the interactive operation carried out on the application interface by the user accords with the preset interactive condition, acquiring a corresponding information image according to the resource information, and displaying the information image through the image display position.
Alternatively,
the interaction condition is that the interaction causes the image presentation bits to be moved into an information presentation area,
the information display area is an area located above a preset area dividing line in the display area.
Alternatively,
the region dividing line is arranged in the display region at a position which is in accordance with a preset height distance from the top of the display region.
Alternatively,
the application interface is a web page, and the image display position is a picture position for displaying pictures in the web page.
Alternatively,
the application interface is a three-level page, the image display position is a text picture position in the three-level page,
the three-level page is a webpage which meets the preset three-level page condition;
the text picture position is a picture position of which the displayed picture meets the preset text picture condition.
Alternatively,
the third-level page condition comprises that the webpage is not a home page of an internet site, the webpage comprises a title label which accords with a preset label type, and the number of characters in the webpage is greater than a preset word number threshold;
the text picture condition comprises that a picture displayed by the picture position is an external link resource, the picture is declared to be a non-background picture, the picture is displayed exclusively in a single line, the picture display width is not smaller than a preset width proportion of the display area width, and the picture display height is not larger than a preset height proportion of the display area height.
Optionally, the step of obtaining the resource information of the information image corresponding to the image display bit includes:
acquiring the resource information of the information image corresponding to the image display position according to the attribute information of the image display position,
wherein the attribute information at least comprises a display height, a display width and a display position of the image display position,
the resource information at least comprises the resource address of the information image, the height and the width of the information image and the display position of the corresponding image display position.
Alternatively,
the attribute information also comprises the display order of the image display bits;
the resource information also includes a display order of the corresponding image display bits.
Alternatively,
the resource information also comprises an information link address corresponding to the information image.
Alternatively,
the step of displaying the information image through the image display bit comprises:
setting a mask above the application image currently being presented by the image presentation position so that the application image is hidden;
and covering the information image corresponding to the image display position in the image display position.
According to a second aspect of the present invention, there is provided an image presentation apparatus applied to an electronic apparatus having a display area, comprising:
an obtaining unit, configured to obtain resource information of an information image corresponding to an image display position when it is determined that the image display position exists in an application interface displayed in the display area,
the image display position is used for displaying an application image related to the application interface;
and the display unit is used for acquiring a corresponding information image according to the resource information and displaying the information image through the image display position when the interactive operation implemented by the user on the application interface meets the preset interactive condition.
According to a third aspect of the present invention, there is provided an electronic device having a display area, comprising: the second aspect of the present invention provides an image presentation apparatus.
According to a fourth aspect of the present invention, there is provided an electronic apparatus comprising:
a display device;
a memory for storing executable instructions;
and the processor is used for operating the electronic equipment according to the control of the instruction so as to execute any image display method provided by the first aspect of the invention.
The inventor of the present invention finds that, in the prior art, due to the revenue demand of a website operator, an advertisement space for displaying a picture advertisement is usually fixed in a webpage, which may cause a nuisance to a user who normally browses the webpage. According to the method and the device, the image display positions in the application interface are multiplexed according to the interactive operation of the user on the application interface, the application image and the information image are dynamically switched and displayed, the information image is prevented from being displayed by changing the layout style of the application interface, the disturbance to the user is reduced while the exposure rate of the information image is ensured, and the user experience is improved. Therefore, the technical task to be achieved or the technical problems to be solved by the present invention are never thought or anticipated by those skilled in the art, and therefore the present invention is a new technical solution.
Other features of the present invention and advantages thereof will become apparent from the following detailed description of exemplary embodiments thereof, which proceeds with reference to the accompanying drawings.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments of the invention and together with the description, serve to explain the principles of the invention.
Fig. 1 is a block diagram showing an example of a hardware configuration of an electronic apparatus 1000 that can be used to implement an embodiment of the present invention.
FIG. 2 shows a flow chart of an image presentation method of an embodiment of the present invention.
Fig. 3 is a diagram showing an application interface in an example of the image presentation method of the embodiment of the present invention.
Fig. 4 is a schematic diagram showing an information image in an example of an image presentation method of the embodiment of the present invention.
Fig. 5 is a schematic diagram showing an interactive operation of an example of the image presentation method of the embodiment of the present invention.
Fig. 6 is a schematic view of a presentation information image showing an example of an image presentation method of an embodiment of the present invention.
Fig. 7 shows a block diagram of an image presentation apparatus 3000 of an embodiment of the present invention.
Fig. 8 shows a block diagram of an electronic device 4000 of an embodiment of the invention.
Fig. 9 shows a block diagram of an electronic device 400 of an embodiment of the invention.
Detailed Description
Various exemplary embodiments of the present invention will now be described in detail with reference to the accompanying drawings. It should be noted that: the relative arrangement of the components and steps, the numerical expressions and numerical values set forth in these embodiments do not limit the scope of the present invention unless specifically stated otherwise.
The following description of at least one exemplary embodiment is merely illustrative in nature and is in no way intended to limit the invention, its application, or uses.
Techniques, methods, and apparatus known to those of ordinary skill in the relevant art may not be discussed in detail but are intended to be part of the specification where appropriate.
In all examples shown and discussed herein, any particular value should be construed as merely illustrative, and not limiting. Thus, other examples of the exemplary embodiments may have different values.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, further discussion thereof is not required in subsequent figures.
< hardware configuration >
Fig. 1 is a block diagram showing a hardware configuration of an electronic apparatus 1000 that can implement an embodiment of the present invention.
The electronic device 1000 may be a laptop, desktop, cell phone, tablet, etc. As shown in fig. 1, the electronic device 1000 may include a processor 1100, a memory 1200, an interface device 1300, a communication device 1400, a display device 1500, an input device 1600, a speaker 1700, a microphone 1800, and the like. The processor 1100 may be a central processing unit CPU, a microprocessor MCU, or the like. The memory 1200 includes, for example, a ROM (read only memory), a RAM (random access memory), a nonvolatile memory such as a hard disk, and the like. The interface device 1300 includes, for example, a USB interface, a headphone interface, and the like. The communication device 1400 is capable of wired or wireless communication, for example, and may specifically include Wifi communication, bluetooth communication, 2G/3G/4G/5G communication, and the like. The display device 1500 is, for example, a liquid crystal display panel, a touch panel, or the like. The input device 1600 may include, for example, a touch screen, a keyboard, a somatosensory input, and the like. A user can input/output voice information through the speaker 1700 and the microphone 1800.
The electronic device shown in fig. 1 is merely illustrative and is in no way meant to limit the invention, its application, or uses. In an embodiment of the present invention, the memory 1200 of the electronic device 1000 is used for storing instructions for controlling the processor 1100 to operate so as to execute any image displaying method provided by the embodiment of the present invention. It will be appreciated by those skilled in the art that although a plurality of means are shown for the electronic device 1000 in fig. 1, the present invention may relate to only some of the means therein, e.g. the electronic device 1000 relates to only the processor 1100 and the storage means 1200. The skilled person can design the instructions according to the disclosed solution. How the instructions control the operation of the processor is well known in the art and will not be described in detail herein.
< example >
The overall concept of this embodiment is to provide a new technical scheme for displaying an image, which can interactively display an original application image and a pushed information image such as an image advertisement in an image display position of an application interface according to an interactive operation of a user on the application interface, thereby reducing disturbance to the user while ensuring exposure rate of the information image, and improving user experience.
< method for displaying image >
In this embodiment, an image displaying method is provided, which is applied to an electronic device having a display area. The electronic device is any device that may have a display device, such as a display screen, through which a display area may be provided to provide visual content viewable by a user, for example, the electronic device may be a cell phone, a tablet computer, a desktop computer, a notebook computer, etc., and the corresponding display area is the display screen of the electronic device.
The image display method, as shown in fig. 2, includes:
step S2100, when it is determined that an image display position exists in the application interface displayed in the display area, obtains resource information of the information image corresponding to the image display position.
In this embodiment, the application interface displayed in the display area is a human-computer interaction interface provided by an application program run by the electronic device, and the application interface can provide corresponding human-computer interaction experience in response to a user operation. For example, when the electronic device is a mobile phone, the application program may be a mobile browser, and the application interface is a web page browsed by a user through the browser.
In the application interface, application content provided by a corresponding application program is shown, and the application content may include text, images, videos, buttons, input boxes and the like. Correspondingly, different interface elements are provided in the application interface for different application contents. For example, an image display bit may be included in the application interface for displaying an application image associated with the application interface.
For example, when the application program is a browser and the application interface is a web page, the application image is a picture included in the corresponding web page, and the image display bit is used for displaying the picture of the web page, that is, the image display bit is a picture bit used for displaying the picture in the web page.
In practical applications, the web pages are generally divided into:
the home page is also called a primary page, and general internet website sites all have corresponding home pages, which are usually main entrances of site contents, such as a comprehensive portal site, and the home pages are aggregated pages of various information/channel pages;
a channel page/category page/list page, also called secondary page, such as a channel page of a comprehensive portal site, which aggregates various information under the channel, or a plate page of a forum site, for example, which presents text links (or graphic links) of specific post pages in a list;
the page with the main content is also called a third-level page, such as a specific information page of an integrated portal site, a specific news page, or a page of a specific post in a forum site.
The user is more concerned not with the primary page or the secondary page but with the tertiary page having specific subject content, and the user is more concerned with the text picture in the text content of the page.
In one example, the application interface may be a three-level page, the application image is a text image included in text content of a web page corresponding to the three-level page, and the image display position is used for displaying the text image of the web page, that is, the image display position is a text image position in the three-level page.
The third-level page is a webpage which meets the preset third-level page condition. The third-level page condition is a condition that the web page meets the third-level page, and is used for judging whether the web page is the third-level page providing specific web content. For example, a three level page condition may be set to include: the webpage is not a home page of the Internet site, the webpage comprises a title tag which accords with the type of the preset tag, and the number of characters in the webpage is greater than a preset word number threshold; the preset tag type can be any one of h1/h2/h3/h4/h5/h6 in HyperText Markup Language (HTML), and the preset word number threshold can be set according to engineering experience or experimental simulation.
The text picture bits are picture bits where the displayed picture meets a preset text picture condition. The text picture condition is a condition that a picture used for displaying the picture in the webpage accords with the text picture, and is used for judging whether the picture position is used for displaying the text picture. For example, the text picture condition includes that a picture displayed in a picture position is an out-link resource (not an embedded resource in a webpage), the picture is declared to be a non-background picture (which can be declared in an img tag manner of HTML), the picture is displayed exclusively in a single line, the picture display width is not smaller than a preset width proportion of the display area width, and the picture display height is not larger than a preset height proportion of the display area height. The preset width ratio and the preset height ratio may be based on engineering experience or experimental simulation equipment, for example, the preset width ratio may be set to 9/10, and the preset height ratio may be set to 1/3.
In this embodiment, when it is determined that an image display bit exists in an application interface displayed in a display area, resource information of an information image corresponding to the image display bit is acquired. The information image is an image displayed by multiplexing the image display position and contains push information, and the push information can be advertisement information, warning information, notice information and the like. For example, the application interface is a three-level page, the image display position is a text picture position, and the information image can be an advertisement picture displayed by multiplexing the text picture position.
Specifically, the step of obtaining the resource information of the information image corresponding to the image display bit includes: and acquiring the resource information of the information image corresponding to the image display position according to the attribute information of the image display position.
The attribute information of the image display bits is information related to the display attribute of the image display bits. For example, the attribute information includes at least a display height, a display width, and a display position of the image display bit. The display position is a position where the image display position is displayed in the application interface, for example, when the application interface is a web page, the display position is an address where the text picture is located in the web page.
The resource information of the information image is information related to the attribute of the resource corresponding to the information image. For example, the resource information at least includes the resource address of the information image, the height and width of the information image, and the display position of the corresponding image display bit. The resource address of the information image is an address of the information image which can be acquired, and can be an internal storage address of the electronic equipment or a network resource address of the internet.
In this embodiment, the correspondence between the information image and the image display position may be set according to a specific application scenario or an information push requirement. For example, according to the aspect ratio of the information image, the image display bits with approximate display aspect ratio are selected for correspondence. For another example, the image display position of the display position matching the priority may be selected for correspondence according to the priority of information pushing of the information image.
In this embodiment, the information image corresponding to the image display bit may be stored in a memory of the electronic device, acquired from the memory of the electronic device, or stored in a resource server of the internet or a local area network, and acquired from the corresponding resource server. For example, the application interface is a three-level page, the image display position is a text picture position, and when the corresponding information image is an advertisement picture, the corresponding advertisement picture can be requested to be obtained from the corresponding advertisement server.
In practical applications, there may be multiple image display bits in the application interface. Therefore, the attribute information further includes the display order of the image display bits, and correspondingly, the resource information further includes the display order of the corresponding image display bits. The number of impressions is the order in which the corresponding image display bits are exposed in the corresponding application interface. Through the display sequence of the image display positions, the corresponding relation between each image display position and the information image in the application interface can be uniquely identified.
In an example, the resource information may further include an information link address corresponding to the information image, so that the user can jump to open an application interface corresponding to the information link address by, for example, clicking the information image, and display the corresponding information. Specifically, the application interface is a three-level page, the image display position is a text picture position, when the corresponding information image is an advertisement picture, the information link address is an advertisement link address corresponding to the advertisement picture, and a user can click the advertisement picture to click the advertisement link address, so that the page jumps to open a specific page of the advertisement.
Step S2200, when the interactive operation performed by the user on the application interface meets the preset interactive condition, acquiring the corresponding information image according to the resource information, and displaying the information image through the image display position.
In the embodiment, the interactive operation performed by the user on the application interface may include a touch and click operation, a mouse operation input through a peripheral device of the electronic device, such as a mouse or a microphone, or a voice operation.
In this embodiment, when the interactive operation performed by the user meets the preset interactive condition, the corresponding information image is acquired according to the resource information, and the information image is displayed through the image display position, so that the application image and the information image are dynamically switched and displayed by multiplexing the image display position according to the interactive operation of the user, the information image is prevented from being displayed by changing the layout style of the application interface, the disturbance to the user is reduced while the exposure rate of the information image is ensured, and the user experience is improved.
The interaction condition may be set according to a specific application scenario or information push requirement. For example, the interaction condition may be that the interaction operation causes the image presentation bit to be moved into the information presentation area. The information display area is an area located above a preset area dividing line in the display area.
The region dividing line can be set according to a specific application scene or information push requirements. For example, the region dividing line is disposed at a position within the display region that is a predetermined height distance from the top of the display region. The preset height distance may be set according to engineering experience values or experimental simulations, and may be set to display area height 1/6, for example.
When the interactive operation performed on the application interface by the user meets the preset interactive condition, the corresponding information image can be obtained by loading from the local memory or downloading from the resource server and the like according to the resource address of the information image in the resource information.
After the information image is acquired according to the resource information, the step of presenting the information image through the image presentation position may include:
setting a mask above the application image currently displayed at the image display position so that the application image is hidden; and covering the information image corresponding to the image display position in the image display position.
The mask is a group organization composed of a plurality of layers, the lowest layer is called a base layer (for short), and the layer on the base layer is called a top layer. Any operation on the mask will not directly affect the original picture.
< example >
The image display method provided in the present embodiment will be further described below by way of example with reference to fig. 3 to 6.
In this example, the electronic device is a mobile phone, the display area is a display screen of the mobile phone in a portrait mode, the application interface is a three-level page as shown in fig. 3, and the image display bit is a text picture bit in a news page as shown in fig. 3. The region dividing line is set at a position of 1/6 display screen height from the top of the display screen, and correspondingly, the information presentation region is a region having 1/6 display screen height from the top of the display screen, as shown in fig. 3. It should be understood that the frame of the information display area in fig. 3 is for convenience of illustration and understanding, and in actual implementation, the frame is not shown in the display area to avoid affecting the user experience.
The information image is an advertisement picture as shown in fig. 4, and the corresponding picture resource is stored in the advertisement server. When detecting that the text photo slots exist in the page shown in fig. 3, the resource information of the advertisement photo (including the resource address, height, width of the advertisement photo, and the display position and display order of the corresponding text photo slots) may be obtained from the advertisement server according to the attribute information of the text photo slots (including the display height, display width, display position and display order).
When the user drags (scrolls) the page down by a mouse or finger touch, the top edge of the text picture position can be moved up to coincide with the region dividing line, as shown in fig. 5. It should be understood that the frame of the information display area in fig. 5 is for convenience of illustration and understanding, and in actual implementation, the frame is not shown in the display area to avoid affecting the user experience.
When the top edge of the text picture position moves upwards to cross the region dividing line by the operation of the user, namely the text picture position starts to enter the information display region, the advertisement picture can be loaded according to the resource address of the advertisement picture, a mask is arranged above the text picture, and the text picture position is covered with the loaded advertisement picture corresponding to the text picture position. The top edge of the advertising picture is aligned with the top edge of the text picture position as shown in fig. 6. It should be understood that the frame of the information display area in fig. 6 is for convenience of illustration and understanding, and in actual implementation, the frame is not shown in the display area to avoid affecting the user experience.
And when the user drags (rolls) upward again to make the top edge of the picture position under the decomposition line and make the text picture position leave the information display area, the advertisement picture is hidden and the original text picture display in the text picture position is recovered, as shown in fig. 3.
Assuming that the height of the text picture position is not greater than the screen height 1/3, correspondingly, the travel distance of the original text picture in its entirety (the entire text picture in the display screen in its entirety) is approximately at screen height 1/2 (i.e., at a position from 5/6 to 1/3 of the height of the display screen); while the travel distance for a complete presentation of the advertising picture (the entire advertising picture is fully presented within the display screen) is approximately 1/6 (i.e., a position from 5/6 to the top of the height of the display screen) at the screen height. In the showing travel distance, the text pictures of the webpage still occupy a larger proportion, and the disturbance to the user caused by the picture advertisement showing by multiplexing the picture position is reduced; meanwhile, the information display area is positioned on a small part of the upper part of the screen, and the area outside the information display area is the key central area browsed by the user in the browsing direction from top to bottom, so that the requirement of the user on normal browsing is also met.
< image display apparatus >
In this embodiment, an image display apparatus 3000 applied to an electronic apparatus having a display area is further provided, as shown in fig. 7, including an obtaining unit 3100 and a display unit 3200, for implementing the image display method provided in this embodiment, which is not described herein again.
The image display apparatus 3000 includes:
an obtaining unit 3100, configured to obtain resource information of an information image corresponding to an image display position when the image display position exists in the application interface displayed in the display area,
the image display position is used for displaying an application image related to the application interface;
the display unit 3200 is configured to, when an interactive operation performed on the application interface by a user meets a preset interactive condition, obtain a corresponding information image according to the resource information, and display the information image through the image display position.
Optionally, the interaction condition is that the interaction operation causes the image display bit to be moved into an information display area,
the information display area is an area located above a preset area dividing line in the display area.
Optionally, the region dividing line is disposed in the display region at a position that is a preset height distance from the top of the display region.
Optionally, the application interface is a web page, and the image display position is a picture position for displaying a picture in the web page.
Optionally, the application interface is a three-level page, the image display bit is a text picture bit in the three-level page,
the three-level page is a webpage which meets the preset three-level page condition;
the text picture position is a picture position of which the displayed picture meets the preset text picture condition.
Optionally, the third-level page condition includes that the webpage is not a home page of an internet site, the webpage includes a title tag meeting a preset tag type, and the number of characters in the webpage is greater than a preset word number threshold;
the text picture condition comprises that a picture displayed by the picture position is an external link resource, the picture is declared to be a non-background picture, the picture is displayed exclusively in a single line, the picture display width is not smaller than a preset width proportion of the display area width, and the picture display height is not larger than a preset height proportion of the display area height.
Optionally, the display unit 3200 is further for:
acquiring the resource information of the information image corresponding to the image display position according to the attribute information of the image display position,
wherein the attribute information at least comprises a display height, a display width and a display position of the image display position,
the resource information at least comprises the resource address of the information image, the height and the width of the information image and the display position of the corresponding image display position.
Optionally, the attribute information further includes a display order of the image display bits;
the resource information also includes a display order of the corresponding image display bits.
Optionally, the display unit 3200 is further for:
setting a mask above the application image currently being presented by the image presentation position so that the application image is hidden;
and covering the information image corresponding to the image display position in the image display position.
In this embodiment, the image display apparatus 3000 may be a functional module in an application installed in the electronic device, or may be in the form of an application externally embedded plug-in or patch installed in the electronic device, or may be an application installed in the electronic device, or may be a hardware module in the electronic device or the electronic device itself, and those skilled in the art may select a form of implementing the image display apparatus 3000 according to application requirements without any creativity.
It will be appreciated by those skilled in the art that image presentation apparatus 3000 may be implemented in a variety of ways. For example, the image presentation apparatus 3000 may be implemented by an instruction configuration processor. For example, the image presentation apparatus 3000 may be implemented by storing instructions in ROM and reading the instructions from ROM into a programmable device when the apparatus is started. For example, the image display apparatus 3000 may be cured into a dedicated device (e.g., ASIC). The image presentation apparatus 3000 may be divided into units independent of each other, or may be implemented by combining them together. The image presentation apparatus 3000 may be implemented by one of the various implementations described above, or may be implemented by a combination of two or more of the various implementations described above.
< electronic apparatus >
In the present embodiment, there is also provided an electronic apparatus 4000, as shown in fig. 8, including a display region 4100 and the image presentation apparatus 3000 provided in the present embodiment.
The electronic device 4000 may be a mobile phone, a tablet computer, a desktop computer, a notebook computer, or the like. Presentation area 4100 is a display screen of the electronic device.
In one example, the electronic device 4000 may also be the electronic device 400 shown in fig. 9, including:
a display device 410;
a memory 420 for storing executable instructions;
and the processor 430 is configured to operate the electronic device to execute any image displaying method in the embodiment according to the control of the instruction.
For example, the electronic device 400 may be the electronic device 1000 shown in fig. 1.
The embodiments of the present invention have been described above with reference to the accompanying drawings, and according to the embodiments, an image display method, an image display device, and an electronic device are provided, which reuse image display positions in an application interface according to an interactive operation implemented by a user on the application interface, dynamically switch and display application images and information images, avoid changing a layout style of the application interface to display information images, reduce disturbance to the user while ensuring an exposure rate of the information images, and improve user experience.
The present invention may be a system, method and/or computer program product. The computer program product may include a computer-readable storage medium having computer-readable program instructions embodied therewith for causing a processor to implement various aspects of the present invention.
The computer readable storage medium may be a tangible device that can hold and store the instructions for use by the instruction execution device. The computer readable storage medium may be, for example, but not limited to, an electronic memory device, a magnetic memory device, an optical memory device, an electromagnetic memory device, a semiconductor memory device, or any suitable combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a Static Random Access Memory (SRAM), a portable compact disc read-only memory (CD-ROM), a Digital Versatile Disc (DVD), a memory stick, a floppy disk, a mechanical coding device, such as punch cards or in-groove projection structures having instructions stored thereon, and any suitable combination of the foregoing. Computer-readable storage media as used herein is not to be construed as transitory signals per se, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagating through a waveguide or other transmission medium (e.g., optical pulses through a fiber optic cable), or electrical signals transmitted through electrical wires.
The computer-readable program instructions described herein may be downloaded from a computer-readable storage medium to a respective computing/processing device, or to an external computer or external storage device via a network, such as the internet, a local area network, a wide area network, and/or a wireless network. The network may include copper transmission cables, fiber optic transmission, wireless transmission, routers, firewalls, switches, gateway computers and/or edge servers. The network adapter card or network interface in each computing/processing device receives computer-readable program instructions from the network and forwards the computer-readable program instructions for storage in a computer-readable storage medium in the respective computing/processing device.
The computer program instructions for carrying out operations of the present invention may be assembler instructions, Instruction Set Architecture (ISA) instructions, machine-related instructions, microcode, firmware instructions, state setting data, or source or object code written in any combination of one or more programming languages, including an object oriented programming language such as Smalltalk, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The computer-readable program instructions may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider). In some embodiments, aspects of the present invention are implemented by personalizing an electronic circuit, such as a programmable logic circuit, a Field Programmable Gate Array (FPGA), or a Programmable Logic Array (PLA), with state information of computer-readable program instructions, which can execute the computer-readable program instructions.
Aspects of the present invention are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the invention. It will be understood that each block of the flowchart illustrations and/or block diagrams, and combinations of blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer-readable program instructions.
These computer-readable program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions/acts specified in the flowchart and/or block diagram block or blocks. These computer-readable program instructions may also be stored in a computer-readable storage medium that can direct a computer, programmable data processing apparatus, and/or other devices to function in a particular manner, such that the computer-readable medium storing the instructions comprises an article of manufacture including instructions which implement the function/act specified in the flowchart and/or block diagram block or blocks.
The computer readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other devices to cause a series of operational steps to be performed on the computer, other programmable apparatus or other devices to produce a computer implemented process such that the instructions which execute on the computer, other programmable apparatus or other devices implement the functions/acts specified in the flowchart and/or block diagram block or blocks.
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of instructions, which comprises one or more executable instructions for implementing the specified logical function(s). In some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions. It is well known to those skilled in the art that implementation by hardware, by software, and by a combination of software and hardware are equivalent.
Having described embodiments of the present invention, the foregoing description is intended to be exemplary, not exhaustive, and not limited to the embodiments disclosed. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is chosen in order to best explain the principles of the embodiments, the practical application, or improvements made to the technology in the marketplace, or to enable others of ordinary skill in the art to understand the embodiments disclosed herein. The scope of the invention is defined by the appended claims.
Claims (12)
1. An image display method is applied to electronic equipment with a display area and comprises the following steps:
when determining that an image display position exists in the application interface displayed in the display area, acquiring resource information of an information image corresponding to the image display position,
the image display position is used for displaying an application image related to the application interface;
when the interactive operation carried out by the user on the application interface meets the preset interactive condition, the corresponding information image is obtained according to the resource information, the information image is displayed through the image display position,
wherein the interaction condition is that the interaction operation causes the image display position to be moved into an information display area, and the information display area is an area located above a preset area dividing line in the display area.
2. The method of claim 1,
the region dividing line is arranged in the display region at a position which is in accordance with a preset height distance from the top of the display region.
3. The method of claim 1,
the application interface is a web page, and the image display position is a picture position for displaying pictures in the web page.
4. The method of claim 1,
the application interface is a three-level page, the image display position is a text picture position in the three-level page,
the three-level page is a webpage which meets the preset three-level page condition;
the text picture position is a picture position of which the displayed picture meets the preset text picture condition.
5. The method of claim 4,
the third-level page condition comprises that the webpage is not a home page of an internet site, the webpage comprises a title label which accords with a preset label type, and the number of characters in the webpage is greater than a preset word number threshold;
the text picture condition comprises that a picture displayed by the picture position is an external link resource, the picture is declared to be a non-background picture, the picture is displayed exclusively in a single line, the picture display width is not smaller than a preset width proportion of the display area width, and the picture display height is not larger than a preset height proportion of the display area height.
6. The method of claim 1, wherein the step of obtaining resource information of the information image corresponding to the image presentation bit comprises:
acquiring the resource information of the information image corresponding to the image display position according to the attribute information of the image display position,
wherein the attribute information at least comprises a display height, a display width and a display position of the image display position,
the resource information at least comprises the resource address of the information image, the height and the width of the information image and the display position of the corresponding image display position.
7. The method of claim 6,
the attribute information also comprises the display order of the image display bits;
the resource information also includes a display order of the corresponding image display bits.
8. The method of claim 6,
the resource information also comprises an information link address corresponding to the information image.
9. The method of claim 1, wherein the step of presenting the information image via the image presentation bits comprises:
setting a mask above the application image currently being presented by the image presentation position so that the application image is hidden;
and covering the information image corresponding to the image display position in the image display position.
10. An image presentation apparatus applied to an electronic apparatus having a display area, comprising:
an obtaining unit, configured to obtain resource information of an information image corresponding to an image display position when it is determined that the image display position exists in an application interface displayed in the display area,
the image display position is used for displaying an application image related to the application interface;
a display unit, configured to obtain a corresponding information image according to the resource information when the interaction operation performed on the application interface by the user meets a preset interaction condition, display the information image through the image display position,
wherein the interaction condition is that the interaction operation causes the image display position to be moved into an information display area, and the information display area is an area located above a preset area dividing line in the display area.
11. An electronic device having a display area, comprising:
the image presentation device of claim 10.
12. An electronic device, comprising:
a display device;
a memory for storing executable instructions;
a processor for operating the electronic device to execute the image presentation method according to the control of the instruction, wherein the image presentation method is as claimed in any one of claims 1 to 9.
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 CN108255923A (en) | 2018-07-06 |
| CN108255923B true 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) |
Families Citing this family (8)
| 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 |
| CN110046309A (en) * | 2019-04-02 | 2019-07-23 | 北京字节跳动网络技术有限公司 | Processing method, device, electronic equipment and the storage medium of document input content |
| CN110442806B (en) * | 2019-08-05 | 2022-04-26 | 百度在线网络技术（北京）有限公司 | Method and apparatus for recognizing image |
| CN112905082A (en) * | 2019-11-19 | 2021-06-04 | 阿里巴巴集团控股有限公司 | Interaction method, device, client, electronic equipment and computer readable medium |
| CN111161149B (en) * | 2019-12-30 | 2023-11-17 | 上海连尚网络科技有限公司 | Image display method and device |
| CN112016026B (en) * | 2020-07-24 | 2023-02-21 | 上海淇玥信息技术有限公司 | Resource bit display method and device and electronic equipment |
Family Cites Families (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 |
| US10116598B2 (en) * | 2012-08-15 | 2018-10-30 | 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 |
-
2017
- 2017-11-06 CN CN201711079997.4A patent/CN108255923B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN108255923A (en) | 2018-07-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108255923B (en) | Image display method and device and electronic device | |
| US8448074B2 (en) | Method and apparatus for providing portioned web pages in a graphical user interface | |
| JP5001474B2 (en) | Display control program, recording medium on which display control program is recorded, display control device, and display control method | |
| CN109408752B (en) | Online document display method and device and electronic equipment | |
| US10878175B2 (en) | Portlet display on portable computing devices | |
| JP4794318B2 (en) | Information distribution system for network services | |
| US20090106653A1 (en) | Adaptive document displaying apparatus and method | |
| CN110909275B (en) | Page browsing method and device and electronic equipment | |
| US20150088669A1 (en) | Apparatus and method for providing responsive user interface and electronic device-readable recording medium therefor | |
| CN108256062B (en) | Webpage animation implementation method and device, electronic equipment and storage medium | |
| WO2015078159A1 (en) | Webpage display method and device | |
| KR20200104899A (en) | Digital component background rendering | |
| CN110909274B (en) | Page browsing method and device and electronic equipment | |
| US10747943B2 (en) | Method, device, client apparatus, and electronic device for presenting webpages | |
| US20170031889A1 (en) | Creating a communication editable in a browser independent of platform and operating system | |
| CN112711731A (en) | Data point burying method, device, equipment and storage medium | |
| CN105630893A (en) | Display method and device of photo title | |
| US10452727B2 (en) | Method and system for dynamically providing contextually relevant news based on an article displayed on a web page | |
| CN108021366B (en) | Interface animation realization method and device, electronic equipment and storage medium | |
| CN111506848A (en) | Webpage processing method, device, equipment and readable storage medium | |
| JP6765254B2 (en) | Information display program, information display method, information display device and distribution device | |
| CN111506847B (en) | Webpage display method, device, equipment and readable storage medium | |
| CN112911367B (en) | Video playing interface processing method and device and electronic equipment | |
| CN112364282A (en) | Webpage darkness mode realization method, device, medium and electronic equipment | |
| US20150355833A1 (en) | Column aware scrolling |
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 |