A method and device for browsing pictures

By creating a new browsing page in the browser, creating a waterfall streaming browsing area to load the target image and its similar images, and scrolling it based on user behavior, it solves the problem of high interaction costs for users when browsing pictures and is difficult to compare and view, and realizes convenient streaming reading mode and deep-level recommendation functions.

CN111753113BActive Publication Date: 2025-05-16BEIJING QIHOOD TECHNOLOGY CO LTD
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN201910238973.1
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2019-03-27
Publication Date
2025-05-16
Estimated Expiration
2039-03-27

AI Technical Summary

Technical Problem

In the existing image search technology, users need to turn pages to view the next picture when browsing pictures, which increases user interaction costs and is difficult to meet users' needs for comparison and viewing multiple pictures.

Method used

By creating a new browsing page in the browser, create a waterfall streaming first browsing area, load the target picture and its consecutive similar pictures, and scroll display based on the user's browsing behavior. Optionally, create a parallel second browsing area to load recommended images related to the target image.

Benefits of technology

It realizes the convenience of users when browsing pictures, abandons the method of turning pages and viewing pictures, adopts the streaming picture reading mode, simplifies the process of comparing and viewing multiple pictures, and meets user needs more deeply through the recommended picture function.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN111753113B_ABST
    Figure CN111753113B_ABST
Patent Text Reader

Abstract

The present invention provides a method and device for browsing pictures, the method comprising: when a designated page of a browser detects that a user triggers a browsing operation for any target picture, creating a new browsing page in the browser; obtaining the target picture and multiple target pictures of the same type that are continuous with the target picture in the designated page; creating a waterfall-style first browsing area based on the browsing page, loading the target picture and the multiple target pictures of the same type in the waterfall-style first browsing area, and scrolling and displaying them based on the user's first browsing behavior. Based on the picture browsing method provided by the present invention, the target picture and the multiple target pictures of the same type that are continuous with it are loaded into the newly created browsing page in a waterfall-style manner, and scrolled and displayed based on the user's browsing behavior, making it more convenient for users to browse pictures; in addition, related pictures can be recommended in real time based on the target pictures that the user is concerned about, so as to deeply meet the user's browsing needs.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention relates to the field of picture search technology, and in particular to a picture browsing method and device. Background Art

[0002] At present, after searching for pictures, the pictures clicked by the users are often displayed in a single picture. When the user needs to view the next picture based on the single picture display interface, he or she can turn the picture by clicking left or right. By satisfying the user's need to turn the page of a single picture after clicking the picture, the user can only view a single picture by turning the page, which increases the user's interactive cost of viewing pictures and is not convenient in terms of user experience. Moreover, when the user needs to compare and view multiple pictures, he or she needs to click on multiple picture links and open a new page for comparison. In addition, when the user has further demands for the current picture, the traditional solution simply uses a single picture, which cannot meet the user's deep needs for pictures. Summary of the invention

[0003] The present invention provides a picture browsing method and device to overcome the above problems or at least partially solve the above problems.

[0004] According to one aspect of the present invention, there is provided a method for browsing pictures, comprising:

[0005] When the designated page of the browser detects that a user triggers a browsing operation for any target image, a new browsing page is created in the browser;

[0006] Acquire the target image and a plurality of target images of the same type that are continuous with the target image in the specified page;

[0007] A waterfall-style first browsing area is created based on the browsing page, the target image and the multiple target similar images are loaded into the waterfall-style first browsing area, and scrolling display is performed based on the user's first browsing behavior.

[0008] Optionally, the step of creating a waterfall-style first browsing area based on the browsing page, loading the target image and the plurality of target images of the same type into the waterfall-style first browsing area, and scrolling and displaying the target images based on the user's first browsing behavior includes:

[0009] Creating a waterfall-style first browsing area based on the browsing page, and loading a complete image of the target image into a main browsing area in the waterfall-style first browsing area;

[0010] The multiple target similar pictures are streamed and loaded below the target picture, and are scrolled and displayed based on the user's first browsing behavior.

[0011] Optionally, the step of creating a waterfall-style first browsing area based on the browsing page, loading the target image and the plurality of target images of the same type into the waterfall-style first browsing area, and scrolling and displaying the target images based on the user's first browsing behavior, further includes:

[0012] Creating a waterfall-style second browsing area based on the browsing page and displayed in parallel with the first browsing area;

[0013] A plurality of first recommended images are selected from a preset image database according to the main content of the target image and / or the user's attention information, and the plurality of first recommended images are streamed into the second browsing area and scrolled and displayed based on the user's second browsing behavior.

[0014] Optionally, after creating a waterfall-style second browsing area based on the browsing page and displayed in parallel with the first browsing area, the method further includes:

[0015] Based on the first browsing behavior of the user, streaming pictures are scrolled and displayed in the main browsing area of ​​the first browsing area. If it is detected that the user stays to view pictures, streaming recommended pictures related to the pictures in the main browsing area are scrolled and displayed in the second browsing area.

[0016] Optionally, if it is detected that the user stays to view pictures, then correspondingly scrolling and displaying in the second browsing area streaming recommended pictures related to the pictures in the main browsing area includes:

[0017] If it is detected that the picture in the main browsing area changes during the process of scrolling and displaying the picture in the first browsing area, reconfirming a new target picture displayed in the main browsing area based on a preset rule;

[0018] A plurality of second recommended pictures are selected from the preset picture database according to the main content of the new target picture and / or the user's attention information, and the plurality of second recommended pictures are dynamically loaded into the second browsing area.

[0019] Optionally, reconfirming the new target image displayed in the main browsing area based on a preset rule includes:

[0020] Determining whether the main browsing area includes the first picture that is completely displayed;

[0021] If the main browsing area includes a first picture that is completely displayed, using the first picture as a new target picture displayed in the main browsing area;

[0022] If the main browsing area does not include the completely displayed first picture, a plurality of second pictures displayed in the main browsing area are obtained, and a new target picture displayed in the main browsing area is selected based on the plurality of second pictures.

[0023] Optionally, selecting a new target image displayed in the main browsing area based on the plurality of second images includes:

[0024] Calculating the display area of ​​each of the plurality of second pictures in the main browsing area, and using the second picture with the largest display area as a new target picture displayed in the main browsing area;

[0025] If the display areas of the plurality of second pictures in the main browsing area are equal, the second picture located above the main browsing area is used as a new target picture displayed in the main browsing area.

[0026] Optionally, if it is detected that the user stays to view pictures, then correspondingly scrolling and displaying in the second browsing area streaming recommended pictures related to the pictures in the main browsing area includes:

[0027] If it is monitored that the target image in the main browsing area stays on the browsing page for a time greater than a preset time, a streaming recommended image related to the target image is scrolled and displayed in the second browsing area accordingly.

[0028] Optionally, after creating a waterfall-style second browsing area based on the browsing page and displayed in parallel with the first browsing area, the method further includes:

[0029] A first scroll bar and a second scroll bar are set based on the browsing page, and the first scroll bar and the second scroll bar respectively control the first browsing area and the second browsing area to perform scroll browsing.

[0030] Optionally, the step of creating a waterfall-style first browsing area based on the browsing page, and after loading the target image and the plurality of target images of the same type into the waterfall-style first browsing area, further comprises:

[0031] Analyze the main content of the target image, and add at least one commodity recommendation component related to the main content of the target image in the first browsing area based on the main content of the target image and the user information of the user;

[0032] A hyperlink is created based on the product recommendation component, and when the user triggers the product recommendation component, the hyperlink is directed to the corresponding product details page.

[0033] Optionally, when the designated page of the browser detects that a user triggers a browsing operation for any target image, before creating a new browsing page in the browser, the method further includes:

[0034] Receiving a search keyword input by the user based on the browser, and acquiring a plurality of pictures related to the search keyword in a preset picture database based on the search keyword;

[0035] Displaying the plurality of images on the current page of the browser or on a newly created page based on the browser;

[0036] When the designated page of the browser detects that a user triggers a browsing operation for any target image, a new browsing page is created in the browser, including:

[0037] When it is detected in the current page of the browser or the newly created page that the user triggers a browsing operation for any target image, a new browsing page is created in the browser.

[0038] According to another aspect of the present invention, there is also provided a picture browsing device, comprising:

[0039] A page creation module is configured to create a new browsing page in the browser when a user triggers a browsing operation on any target image on a designated page of the browser;

[0040] A picture acquisition module, configured to acquire the target picture and a plurality of target pictures of the same type that are continuous with the target picture in the specified page;

[0041] The first loading module is configured to create a waterfall-style first browsing area based on the browsing page, load the target image and the multiple target similar images in the waterfall-style first browsing area, and scroll and display them based on the user's first browsing behavior.

[0042] Optionally, the first loading module is further configured as:

[0043] Creating a waterfall-style first browsing area based on the browsing page, and loading a complete image of the target image into a main browsing area in the waterfall-style first browsing area;

[0044] The multiple target similar pictures are streamed and loaded below the target picture, and are scrolled and displayed based on the user's first browsing behavior.

[0045] Optionally, the device further comprises:

[0046] A second loading module is configured to create a waterfall-style second browsing area based on the browsing page and displayed in parallel with the first browsing area;

[0047] A plurality of first recommended images are selected from a preset image database according to the main content of the target image and / or the user's attention information, and the plurality of first recommended images are streamed into the second browsing area and scrolled and displayed based on the user's second browsing behavior.

[0048] Optionally, the device further comprises:

[0049] The streaming recommendation module is configured to scroll and display streaming pictures in the main browsing area of ​​the first browsing area based on the user's first browsing behavior, and when it is detected that the user stops to view pictures, the streaming recommended pictures related to the pictures in the main browsing area are correspondingly scrolled and displayed in the second browsing area.

[0050] Optionally, the streaming recommendation module is further configured to:

[0051] When a change in the picture in the main browsing area is detected during the process of scrolling the picture in the first browsing area, a new target picture displayed in the main browsing area is reconfirmed based on a preset rule;

[0052] A plurality of second recommended pictures are selected from the preset picture database according to the main content of the new target picture and / or the user's attention information, and the plurality of second recommended pictures are dynamically loaded into the second browsing area.

[0053] Optionally, the streaming recommendation module is further configured to:

[0054] Determining whether the main browsing area includes the first picture that is completely displayed;

[0055] When the main browsing area includes a first picture that is completely displayed, using the first picture as a new target picture displayed in the main browsing area;

[0056] When the main browsing area does not include the first picture that is displayed completely, a plurality of second pictures displayed in the main browsing area are acquired, and a new target picture displayed in the main browsing area is selected based on the plurality of second pictures.

[0057] Optionally, the streaming recommendation module is further configured to:

[0058] Calculating the display area of ​​each of the plurality of second pictures in the main browsing area, and using the second picture with the largest display area as a new target picture displayed in the main browsing area;

[0059] When the display areas of the plurality of second pictures in the main browsing area are equal, the second picture located above the main browsing area is used as a new target picture displayed in the main browsing area.

[0060] Optionally, the streaming recommendation module is further configured to:

[0061] When it is monitored that the target image in the main browsing area stays on the browsing page for longer than a preset time, the streaming recommended images related to the target image are scrolled and displayed in the second browsing area accordingly.

[0062] Optionally, the device further comprises:

[0063] The setting module is configured to set a first scroll bar and a second scroll bar based on the browsing page, and the first scroll bar and the second scroll bar respectively control the first browsing area and the second browsing area to scroll and browse.

[0064] Optionally, the device further comprises:

[0065] a commodity recommendation module configured to analyze the main content of the target image, and add at least one commodity recommendation component related to the main content of the target image in the first browsing area based on the main content of the target image and the user information of the user;

[0066] A hyperlink is created based on the product recommendation component, and when the user triggers the product recommendation component, the hyperlink is directed to the corresponding product details page.

[0067] Optionally, the device further comprises:

[0068] A search module configured to receive a search keyword input by the user based on the browser, obtain a plurality of pictures related to the search keyword from a preset picture database based on the search keyword; and display the plurality of pictures on a current page of the browser or on a newly created page of the browser;

[0069] The page creation module is further configured to create a new browsing page in the browser when it is detected that a user triggers a browsing operation for any target image in the current page of the browser or the new page.

[0070] According to another aspect of the present invention, a computer storage medium is provided, wherein the computer storage medium stores a computer program code, and when the computer program code is executed on a computing device, the computing device is caused to execute any one of the above-mentioned picture browsing methods.

[0071] According to another aspect of the present invention, there is further provided a computing device, comprising:

[0072] processor;

[0073] a memory storing computer program code;

[0074] When the computer program code is executed by the processor, it causes the computing device to execute any one of the above-mentioned picture browsing methods.

[0075] In the image browsing method provided by the present invention, when it is detected on the designated page of the browser that a user triggers a browsing operation for any target image, a new browsing page can be created and a first browsing area can be created to load the target image for display. In addition, the method provided by the embodiment of the present invention can also obtain multiple target images of the same type that are continuous with the target image in the designated page, and the obtained multiple target images of the same type are also loaded into the first browsing area based on a waterfall flow, and then the target image and the multiple target images of the same type that are continuous with the target image are scrolled and displayed based on the user's first browsing behavior. Based on the image browsing method provided by the present invention, the target image and the multiple target images of the same type that are continuous with the target image are loaded into the newly created browsing page in a waterfall flow manner and scrolled and displayed based on the user's browsing behavior, abandoning the traditional way of turning pages to view images and adopting a streaming image reading mode, making it more convenient for users to browse images.

[0076] The above description is only an overview of the technical solution of the present invention. In order to more clearly understand the technical means of the present invention, it can be implemented according to the contents of the specification. In order to make the above and other purposes, features and advantages of the present invention more obvious and easy to understand, the specific implementation methods of the present invention are listed below.

[0077] Based on the following detailed description of specific embodiments of the present invention in conjunction with the accompanying drawings, those skilled in the art will become more aware of the above and other objects, advantages and features of the present invention. BRIEF DESCRIPTION OF THE DRAWINGS

[0078] Various other advantages and benefits will become apparent to those of ordinary skill in the art by reading the detailed description of the preferred embodiments below. The accompanying drawings are only for the purpose of illustrating the preferred embodiments and are not to be considered as limiting the present invention. Moreover, the same reference symbols are used throughout the accompanying drawings to represent the same components. In the accompanying drawings:

[0079] Figure 1 is a schematic diagram of a picture browsing method according to an embodiment of the present invention;

[0080] Figure 2 is a flowchart of a picture browsing method according to a preferred embodiment of the present invention;

[0081] Figure 3 is a schematic diagram of a browsing page according to an embodiment of the present invention;

[0082] Figure 4 is a schematic diagram of a picture search page according to a preferred embodiment of the present invention;

[0083] Figure 5 is a schematic diagram of a browsing page according to a preferred embodiment of the present invention;

[0084] Figure 6 is another schematic diagram of a browsing page according to a preferred embodiment of the present invention;

[0085] Figure 7 is a schematic diagram of the structure of a picture browsing device according to an embodiment of the present invention;

[0086] Figure 8 It is a schematic diagram of the structure of a picture browsing device according to a preferred embodiment of the present invention. DETAILED DESCRIPTION

[0087] The exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although the exemplary embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be limited by the embodiments set forth herein. On the contrary, these embodiments are provided to enable a more thorough understanding of the present disclosure and to fully convey the scope of the present disclosure to those skilled in the art.

[0088] Figure 1 A schematic diagram of a picture browsing method according to an embodiment of the present invention is shown. Figure 1 It can be seen that the picture browsing method provided by the embodiment of the present invention may include:

[0089] Step S102, when the designated page of the browser detects that the user triggers a browsing operation for any target image, a new browsing page is created in the browser;

[0090] Step S104, obtaining a target image and a plurality of target images of the same type that are continuous with the target image in a specified page;

[0091] Step S106, creating a waterfall-style first browsing area based on the above browsing page, loading the above target image and multiple target images of the same type into the waterfall-style first browsing area, and scrolling and displaying them based on the user's first browsing behavior.

[0092] In the picture browsing method provided by the embodiment of the present invention, when the user triggers a browsing operation for any target picture on the designated page of the browser, a new browsing page can be created and a first browsing area can be created to load the target picture for enlarged display. In addition, the method provided by the embodiment of the present invention can also obtain multiple target pictures of the same type that are continuous with the target picture in the designated page, and the obtained multiple target pictures of the same type are also loaded into the first browsing area based on the waterfall flow, and then the target picture and the multiple target pictures of the same type that are continuous with the target picture are scrolled and displayed based on the user's first browsing behavior. Based on the picture browsing method provided by the embodiment of the present invention, the target picture and the multiple target pictures of the same type that are continuous with it are loaded into the newly created browsing page in a waterfall flow manner and scrolled and displayed based on the user's browsing behavior, abandoning the traditional way of turning pages to view pictures, and adopting a streaming reading mode, so that users can browse pictures more conveniently. Moreover, when the user needs to compare multiple pictures, they only need to slide up and down. It should be noted that the target picture and the multiple target pictures of the same type in the first browsing area are displayed as large pictures, and the specific display ratio can be set according to the window size of the browsing page.

[0093] In the above embodiment, the first browsing behavior of the user can be a browsing behavior of sliding up and down on the browsing page by controlling the mouse wheel, or a browsing behavior based on dragging the mouse up and down, and of course, it can also be a browsing behavior of scrolling and browsing the pictures in the browsing page based on the keyboard or other methods. When the target picture and other target similar pictures are loaded and displayed in the first browsing area, the display ratio will be automatically adjusted based on the current browser window size to further improve the user experience.

[0094] Referring to the above step S102, the browsing page is newly created when the user triggers a browsing operation on a target image in a designated page of the browser. The designated page may be a page including multiple images, such as an image search interface provided based on a search keyword input by the user. That is, before the above step S102, it may also include: receiving a search keyword input by the user based on the browser, obtaining multiple images related to the search keyword in a preset image database based on the search keyword; and displaying the multiple images on the current page of the browser or on a newly created page based on the browser. The preset image database is a pre-established image database containing a large amount of image data. Step S102 may further include creating a new browsing page in the browser when it is detected that the user triggers a browsing operation on any target image in the current page of the browser or the newly created page. That is, the method provided in the embodiment of the present invention may be a further browsing behavior for any image in an existing image display interface after the user performs an image search.

[0095] As mentioned in the above step S106, after the target image and multiple target images of the same type that are continuous with it are obtained, they will be displayed in the first browsing area of ​​the waterfall flow. In actual applications, when the target image and multiple target images of the same type are displayed, a waterfall flow first browsing area can be created based on the browsing page, and the complete image of the target image can be loaded into the main browsing area of ​​the waterfall flow first browsing area; multiple target images of the same type are streamed below the target image and displayed in a scrolling manner based on the user's first browsing behavior.

[0096] Figure 3 A schematic diagram of a browsing page according to an embodiment of the present invention is shown. Figure 3 It can be seen that the first browsing area created based on the browsing page is provided with a main browsing area, which is an area where the current browsing page can be directly read by users, and in order to provide a better reading effect, blank areas and keyword search areas can be added on both sides of the main browsing area to enhance the user's experience of image reading.

[0097] This embodiment can meet the browsing needs of the user for the target image selected by loading the complete target image into the main browsing area of ​​the first browsing area. The complete target image is larger than the pixel in the specified page, and can be adjusted according to the window size of the main browsing area, which is not limited by the present invention. In addition, when the target similar images that are continuous with the target image are displayed on the newly created browsing page, the order of scrolling browsing in the newly created browsing page can be based on the order of the target similar images in the specified page and the target image, that is, if the target similar image is before the target image in the specified page, it is loaded above the target image in the browsing page, and if the target similar image is after the target image in the specified page, it is loaded below the target image. Of course, other methods can also be used to sort them.

[0098] In an optional embodiment of the present invention, Figure 2 As shown, after the above step S106, the following steps may also be included:

[0099] Step S108, creating a waterfall-style second browsing area based on the browsing page and displayed in parallel with the first browsing area;

[0100] Step S110 , selecting multiple first recommended pictures from a preset picture database according to the main content of the target picture and / or the user's attention information, streaming the multiple first recommended pictures into the second browsing area, and scrollingly displaying them based on the user's second browsing behavior.

[0101] As described above, in the first browsing area, the main browsing area is set to load and display the target image in the specified page and multiple target images of the same type that are continuous with it. Figure 3, the example of the present invention can also create a second browsing area based on the browsing page, and display the relevant recommended pictures of the target picture in real time, so as to further meet the user's deeper needs for the target picture in the current main browsing area. Optionally, the recommended pictures in the second browsing area are also loaded in a waterfall flow manner, making it more convenient for users to read pictures and have a better experience. Optionally, the relevant recommended pictures in the second browsing area can be selected from a preset picture database based on the main content of the current target picture and / or the user's attention information.

[0102] Among them, when selecting recommended pictures according to the main content of the target picture, pictures with a similarity with the target picture greater than a certain threshold can be selected from the preset picture database as recommended pictures. When selecting based on the user's attention information, the user's historical browsing information or the user's existing user portrait information and the interest tags actively added by the user can be obtained and selected from the picture database, etc. The proportion of each method of selecting recommended pictures can be set based on the user's social attributes or the user's different needs for pictures, and the user's needs for current pictures can be met at a deeper level by combining intelligent image recognition similarity measurement and user personalized content analysis strategies. The user's second browsing behavior can be a browsing behavior controlled by sliding up and down in the second browsing area through the mouse wheel, or a browsing behavior based on dragging the mouse up and down. Of course, it can also be a browsing behavior based on the keyboard or other methods to scroll and browse the pictures in the second browsing area, which is not limited by the present invention.

[0103] In the embodiment of the present invention, the first browsing area and the second browsing area can be controlled independently, and the first scroll bar and the second scroll bar can be set based on the browsing page, and the first scroll bar and the second scroll bar can be used to control the first browsing area and the second browsing area to scroll and browse. On the other hand, the second browsing area can also scroll with the scrolling of the first browsing area. That is, the second browsing area can scroll and display independently of the first browsing area, and can also be displayed in real time based on the first browsing area.

[0104] Optionally, after the above step S108, the method may further include: scrolling and displaying streaming images in the main browsing area of ​​the first browsing area based on the first browsing behavior of the user, and if it is detected that the user stays to view the images, scrolling and displaying streaming recommended images related to the images in the main browsing area in the second browsing area. In actual applications, the user's browsing of the images in the first browsing area is dynamic, that is, scrolling and browsing continuously. Accordingly, the second browsing area may also scroll and display streaming recommended images related to the images in the main browsing area. The proportion of the second browsing area in the browsing page is preferably smaller than that of the first browsing area, and the size of the recommended images in the second browsing area may also be smaller than the size of the target images in the main browsing area. The layout of the recommended images in the second browsing area is mainly to correspond to the target images, and multiple images are displayed in parallel, and the number can be set based on the size of the second browsing area to facilitate user browsing. Optionally, in an embodiment of the present invention, whether it is the images in the first browsing area or the recommended images in the second browsing area, corresponding text descriptions can be configured for each image to further enhance the user experience.

[0105] When the embodiment of the present invention loads recommended images in the second browsing area, it gives priority to recommending relevant content to images that the user is really interested in. The above-mentioned corresponding scrolling display of streaming recommended images related to the images in the main browsing area in the second browsing area may further include: if it is monitored that the target image in the main browsing area stays on the browsing page for longer than a preset time, then the corresponding scrolling display of streaming recommended images related to the target image in the second browsing area. Among them, the preset time preferably selects a time threshold between 400ms and 1s, such as 600ms. The specific value can also be set in combination with different application scenarios and the current network environment, and the present invention does not limit it.

[0106] Generally speaking, the user's attention to a picture can be judged by the time the picture stays on the page. The longer the picture stays on the current browsing page, the higher the user's attention to the picture. Therefore, by judging whether to display related recommended pictures based on the time the target picture in the main browsing area stays on the browsing page, relevant content can be recommended based on the user's attention, so as to deeply meet the user's browsing needs for the target picture in the main browsing area, and then improve the browsing page access speed and response efficiency to prevent the loading of redundant pictures from occupying network resources.

[0107] Furthermore, if it is detected that the pictures in the main browsing area change during the process of scrolling the pictures in the first browsing area, the new target picture displayed in the main browsing area is reconfirmed based on the preset rules; multiple second recommended pictures are selected from the preset picture database according to the main content of the new target picture and / or the user's attention information, and the multiple second recommended pictures are dynamically loaded into the second browsing area. The picture browsing method provided by the embodiment of the present invention can monitor the pictures in the main browsing area in real time or at intervals. When it is determined that the pictures in the main browsing area change, the new target picture in the main browsing area can be reconfirmed, and then the corresponding recommendation can be provided in the second browsing area.

[0108] Reconfirming the new target image displayed in the main browsing area based on preset rules can be done in the following ways:

[0109] 1. Determine whether the main browsing area includes the first picture that is fully displayed;

[0110] 2. If the main browsing area includes the first picture that is fully displayed, the first picture is used as a new target picture displayed in the main browsing area;

[0111] 3. If the main browsing area does not include the first picture displayed completely, then multiple second pictures displayed in the main browsing area are obtained, and a new target picture displayed in the main browsing area is selected based on the multiple second pictures.

[0112] When making a specific selection, the display area of ​​each second picture among multiple second pictures in the main browsing area can be calculated, and the second picture with the largest display area can be used as the new target picture displayed in the main browsing area; if the display areas of multiple second pictures in the main browsing area are equal, the second picture located above the main browsing area can be used as the new target picture displayed in the browsing area.

[0113] In another optional embodiment of the present invention, the above step S106 creates a waterfall-style first browsing area based on the browsing page, and after the target image and multiple target images of the same type are loaded in the waterfall-style first browsing area, it can also include: analyzing the main content of the target image, adding at least one product recommendation component related to the main content of the target image in the first browsing area based on the main content of the target image combined with the user information of the user; creating a hyperlink based on the product recommendation component, and linking to the corresponding product details page when the user triggers the product recommendation component. The product recommendation component is the product content that the user is concerned about based on the image in the browsing page. When selecting the product recommendation component, in addition to recommending related content based on the target image in the main browsing area of ​​the browsing page, it is also possible to recommend related product content that the user is concerned about by analyzing the user information, thereby friendly satisfying the user's commercial demands.

[0114] The following describes in detail the picture browsing method introduced in the above embodiment through a preferred embodiment. The picture browsing method provided in this embodiment may include:

[0115] 1. Get the search keyword "rose pictures" entered by the user in the search bar on the current page of the browser, search for related pictures in the preset picture database based on "rose pictures", and display them on the current page of the browser, such as Figure 4 As shown;

[0116] 2. When Figure 4 In the page shown, when it is detected that the user triggers a browsing operation on image x, a new Figure 5 The browsing page shown in the figure takes picture x as the target picture, and obtains multiple target pictures of the same type that are continuous with picture x, that is, picture xn to picture x+n (n is an arbitrary natural number set);

[0117] 3. In Figure 5 In the page shown, a waterfall-style first browsing area 51 and a second browsing area 52 are created and displayed in parallel, and scroll bars are respectively provided for the first browsing area 51 and the second browsing area 53 to respectively control the first browsing area 51 and the second browsing area 53 to scroll and browse;

[0118] 4. Load picture xn, picture x, and picture x+n into the first browsing area 51, wherein picture x is in the main browsing area 511 of the first browsing area 51;

[0119] 5. Based on the main content of the picture x and the user's attention information (such as flower arrangement, wreath, flower basket, etc.), multiple recommended pictures related to the picture x are selected from the preset picture database and displayed in the second browsing area 52; when displaying the recommended pictures in the second browsing area 52, multiple columns can be arranged, and the pictures in each column are displayed crosswise and correspondingly;

[0120] 6. Based on the main content of the image x and the user information of the user, at least one product recommendation component related to the main content of the target image is added in the first browsing area, such as Figure 5 The product recommendation component 1, product recommendation component 2 and product recommendation component 3 shown in the figure, when the user triggers any product recommendation component, he can enter the relevant link to purchase the relevant product;

[0121] 7. When the user browses the pictures in the first browsing area by sliding, the streaming recommended pictures related to the pictures in the main browsing area are scrolled and displayed in the second browsing area accordingly; when a new target picture in the main browsing area is determined, such as Figure 6As shown, a picture 3 is fully displayed in the main browsing area. At this time, picture 3 is used as a new target picture, and multiple recommended pictures related to picture 3 are obtained from the preset picture database and streamed into the second browsing area for the user to scroll and browse.

[0122] Based on the same inventive concept, the embodiment of the present invention also provides a picture browsing device, such as Figure 7 As shown, the picture browsing device provided by the embodiment of the present invention may include:

[0123] The page creation module 710 is configured to create a new browsing page in the browser when the browser designated page detects that the user triggers a browsing operation for any target image;

[0124] The picture acquisition module 720 is configured to acquire a target picture and a plurality of target pictures of the same type that are continuous with the target picture in a specified page;

[0125] The first loading module 730 is configured to create a waterfall-style first browsing area based on the browsing page, load the target image and the above-mentioned multiple target similar images in the waterfall-style first browsing area, and scroll and display them based on the user's first browsing behavior.

[0126] In an optional embodiment of the present invention, the first loading module 730 may also be configured as:

[0127] Creating a waterfall-style first browsing area based on the browsing page, and loading a complete image of the target image into the main browsing area in the waterfall-style first browsing area;

[0128] The above-mentioned multiple target similar pictures are streamed and loaded below the target picture, and are scrolled and displayed based on the user's first browsing behavior.

[0129] In an optional embodiment of the present invention, Figure 8 As shown, the above device may also include:

[0130] The second loading module 740 is configured to create a waterfall-style second browsing area based on the browsing page and displayed in parallel with the first browsing area;

[0131] A plurality of first recommended images are selected from a preset image database according to the main content of the target image and / or the user's attention information, and the plurality of first recommended images are streamed into the second browsing area and scrolled and displayed based on the user's second browsing behavior.

[0132] In an optional embodiment of the present invention, Figure 8 As shown, the above device may also include:

[0133] The streaming recommendation module 750 is configured to scroll and display streaming pictures in the main browsing area of ​​the first browsing area based on the user's first browsing behavior. When it is detected that the user stops to view pictures, streaming recommended pictures related to the pictures in the main browsing area are correspondingly scrolled and displayed in the second browsing area.

[0134] In an optional embodiment of the present invention, the streaming recommendation module 750 may also be configured as follows:

[0135] When a change in the picture in the main browsing area is detected during the process of scrolling the picture in the first browsing area, a new target picture displayed in the main browsing area is reconfirmed based on a preset rule;

[0136] A plurality of second recommended pictures are selected from a preset picture database according to the main content of the new target picture and / or the user's attention information, and the plurality of second recommended pictures are dynamically loaded into the second browsing area.

[0137] In an optional embodiment of the present invention, the streaming recommendation module 750 may also be configured as follows:

[0138] Determining whether the main browsing area includes the first picture that is displayed completely;

[0139] When the main browsing area includes the first picture that is displayed completely, using the first picture as a new target picture displayed in the main browsing area;

[0140] When the main browsing area does not include the first picture that is displayed completely, multiple second pictures displayed in the main browsing area are obtained, and a new target picture displayed in the main browsing area is selected based on the multiple second pictures.

[0141] In an optional embodiment of the present invention, the streaming recommendation module 750 may also be configured as follows:

[0142] Calculating the display area of ​​each second picture among the plurality of second pictures in the main browsing area, and using the second picture with the largest display area as a new target picture displayed in the main browsing area;

[0143] When the display areas of the plurality of second pictures in the main browsing area are equal, the second picture located above the main browsing area is used as a new target picture displayed in the main browsing area.

[0144] In an optional embodiment of the present invention, the streaming recommendation module 750 may also be configured as follows:

[0145] When it is monitored that the target image in the main browsing area stays on the browsing page for longer than a preset time, the streaming recommended images related to the target image are scrolled and displayed in the second browsing area accordingly.

[0146] In an optional embodiment of the present invention, Figure 8As shown, the above device may also include:

[0147] The setting module 760 is configured to set a first scroll bar and a second scroll bar based on the browsing page, and the first scroll bar and the second scroll bar respectively control the first browsing area and the second browsing area to scroll and browse.

[0148] In an optional embodiment of the present invention, Figure 8 As shown, the above device may also include:

[0149] The product recommendation module 770 is configured to analyze the main content of the target image, and add at least one product recommendation component related to the main content of the target image in the first browsing area based on the main content of the target image and the user information of the user;

[0150] Create a hyperlink based on the product recommendation component. When the user triggers the product recommendation component, link to the corresponding product details page.

[0151] In an optional embodiment of the present invention, Figure 8 As shown, the above device may also include:

[0152] The search module 780 is configured to receive a search keyword input by a user based on a browser, obtain multiple pictures related to the search keyword from a preset picture database based on the search keyword, and display the multiple pictures on a current page of the browser or on a new page of the browser;

[0153] The page creation module 710 may also be configured to create a new browsing page in the browser when it is detected that a user triggers a browsing operation for any target image in the current page or the new page of the browser.

[0154] Based on the same inventive concept, an embodiment of the present invention further provides a computer storage medium, which stores computer program code. When the computer program code runs on a computing device, it causes the computing device to execute the picture browsing method described in any of the above embodiments.

[0155] Based on the same inventive concept, an embodiment of the present invention further provides a computing device, including:

[0156] processor;

[0157] a memory storing computer program code;

[0158] When the computer program code is executed by the processor, it causes the computing device to execute the picture browsing method described in any of the above embodiments.

[0159] In the image browsing method provided by the embodiment of the present invention, when it is detected on the designated page of the browser that a user triggers a browsing operation for any target image, a new browsing page can be created and a first browsing area can be created to load the target image for display. In addition, the method provided by the embodiment of the present invention can also obtain multiple target images of the same type that are continuous with the target image in the designated page, and the obtained multiple target images of the same type are also loaded into the first browsing area based on a waterfall flow, and then the target image and the multiple target images of the same type that are continuous with the target image are scrolled and displayed based on the user's first browsing behavior. The image browsing method provided by the embodiment of the present invention abandons the traditional way of turning pages to view images, and adopts a streaming image reading mode, which makes it more convenient for users to browse images. Moreover, when the user needs to compare multiple images, he only needs to slide up and down.

[0160] In addition, you can also create a second browsing area corresponding to the target image in the first browsing area to scroll and display related recommended images in real time, combining intelligent image recognition similarity measurement and user personalized content analysis strategy to meet the user's browsing needs for the current image at a deeper level, improve browsing efficiency and save users' time costs. In addition to the above introduction, you can also add product recommendation components related to the target image to further meet users' product needs.

[0161] Those skilled in the art can clearly understand that the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments, and for the sake of brevity, they are not further described here.

[0162] In addition, the functional units in various embodiments of the present invention may be physically independent of each other, or two or more functional units may be integrated together, or all functional units may be integrated into one processing unit. The above integrated functional units may be implemented in the form of hardware, or in the form of software or firmware.

[0163] Those skilled in the art can understand that if the integrated functional unit is implemented in the form of software and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention can essentially or all or part of the technical solution can be embodied in the form of a software product. The computer software product is stored in a storage medium, which includes a number of instructions to enable a computing device (such as a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the method described in each embodiment of the present invention when running the instructions. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM), random access memory (RAM), magnetic disk or optical disk and other media that can store program codes.

[0164] Alternatively, all or part of the steps of implementing the aforementioned method embodiments may be accomplished by hardware associated with program instructions (such as a computing device such as a personal computer, a server, or a network device), and the program instructions may be stored in a computer-readable storage medium. When the program instructions are executed by a processor of a computing device, the computing device executes all or part of the steps of the methods described in the embodiments of the present invention.

[0165] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, rather than to limit it. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that within the spirit and principles of the present invention, the technical solutions described in the aforementioned embodiments can still be modified, or some or all of the technical features therein can be replaced by equivalents. However, these modifications or replacements do not deviate from the protection scope of the present invention.

Claims

1. A method for browsing pictures, comprising: When the designated page of the browser detects that a user triggers a browsing operation for any target image, a new browsing page is created in the browser; Acquire the target image and a plurality of target images of the same type that are continuous with the target image in the specified page; Creating a waterfall-style first browsing area based on the browsing page, loading the target image and the plurality of target images of the same type into the waterfall-style first browsing area, and scrolling and displaying them based on the user's first browsing behavior; Creating a waterfall-style second browsing area based on the browsing page and displayed in parallel with the first browsing area; Based on the first browsing behavior of the user, streaming pictures are scrolled and displayed in the main browsing area of ​​the first browsing area. If it is detected that the user stays to view pictures, streaming recommended pictures related to the pictures in the main browsing area are scrolled and displayed in the second browsing area accordingly.

2. The method according to claim 1, wherein: The step of creating a waterfall-style first browsing area based on the browsing page, loading the target image and the plurality of target images of the same type into the waterfall-style first browsing area, and scrolling and displaying the target images based on the first browsing behavior of the user includes: Creating a waterfall-style first browsing area based on the browsing page, and loading a complete image of the target image into a main browsing area in the waterfall-style first browsing area; The multiple target similar pictures are streamed and loaded below the target picture, and are scrolled and displayed based on the user's first browsing behavior.

3. The method according to claim 1, wherein: After creating a waterfall-style second browsing area based on the browsing page and displayed in parallel with the first browsing area, the method further includes: A plurality of first recommended images are selected from a preset image database according to the main content of the target image and / or the user's attention information, and the plurality of first recommended images are streamed into the second browsing area and scrolled and displayed based on the user's second browsing behavior.

4. The method according to claim 1, wherein: If it is detected that the user stays to view the pictures, the streaming recommended pictures related to the pictures in the main browsing area are scrolled and displayed in the second browsing area, including: If it is detected that the picture in the main browsing area changes during the process of scrolling and displaying the picture in the first browsing area, reconfirming a new target picture displayed in the main browsing area based on a preset rule; A plurality of second recommended pictures are selected from a preset picture database according to the main content of the new target picture and / or the user's attention information, and the plurality of second recommended pictures are dynamically loaded into the second browsing area.

5. The method according to claim 4, wherein: The reconfirming the new target image displayed in the main browsing area based on a preset rule includes: Determining whether the main browsing area includes the first picture that is completely displayed; If the main browsing area includes a first picture that is completely displayed, using the first picture as a new target picture displayed in the main browsing area; If the main browsing area does not include the first picture displayed completely, a plurality of second pictures displayed in the main browsing area are obtained, and a new target picture displayed in the main browsing area is selected based on the plurality of second pictures.

6. The method according to claim 5, wherein: The selecting a new target image displayed in the main browsing area based on the plurality of second images includes: Calculating the display area of ​​each of the plurality of second pictures in the main browsing area, and using the second picture with the largest display area as a new target picture displayed in the main browsing area; If the display areas of the plurality of second pictures in the main browsing area are equal, the second picture located above the main browsing area is used as a new target picture displayed in the main browsing area.

7. The method according to claim 1, wherein: If it is detected that the user stays to view the pictures, the streaming recommended pictures related to the pictures in the main browsing area are scrolled and displayed in the second browsing area, including: If it is monitored that the target image in the main browsing area stays on the browsing page for a time greater than a preset time, a streaming recommended image related to the target image is scrolled and displayed in the second browsing area accordingly.

8. The method according to claim 1, wherein: After creating a waterfall-style second browsing area based on the browsing page and displayed in parallel with the first browsing area, the method further includes: A first scroll bar and a second scroll bar are set based on the browsing page, and the first scroll bar and the second scroll bar respectively control the first browsing area and the second browsing area to perform scroll browsing.

9. The method according to any one of claims 1 to 6, wherein: The step of creating a waterfall-style first browsing area based on the browsing page and loading the target image and the plurality of target images of the same type into the waterfall-style first browsing area further includes: Analyze the main content of the target image, and add at least one commodity recommendation component related to the main content of the target image in the first browsing area based on the main content of the target image and the user information of the user; A hyperlink is created based on the product recommendation component, and when the user triggers the product recommendation component, the hyperlink is directed to the corresponding product details page.

10. The method according to any one of claims 1 to 6, wherein: When the designated page of the browser detects that a user triggers a browsing operation for any target image, before creating a new browsing page in the browser, the method further includes: Receiving a search keyword input by the user based on the browser, and acquiring a plurality of pictures related to the search keyword in a preset picture database based on the search keyword; Displaying the plurality of images on the current page of the browser or on a newly created page based on the browser; When the designated page of the browser detects that a user triggers a browsing operation for any target image, a new browsing page is created in the browser, including: When it is detected in the current page of the browser or the newly created page that the user triggers a browsing operation for any target image, a new browsing page is created in the browser.

11. A picture browsing device, comprising: A page creation module is configured to create a new browsing page in the browser when a user triggers a browsing operation on any target image on a designated page of the browser; A picture acquisition module, configured to acquire the target picture and a plurality of target pictures of the same type that are continuous with the target picture in the specified page; A first loading module is configured to create a waterfall-style first browsing area based on the browsing page, load the target image and the plurality of target images of the same type into the waterfall-style first browsing area, and perform scrolling display based on the user's first browsing behavior; A second loading module is configured to create a waterfall-style second browsing area based on the browsing page and displayed in parallel with the first browsing area; The streaming recommendation module is configured to scroll and display streaming images in the main browsing area of ​​the first browsing area based on the user's first browsing behavior, and when it is detected that the user stops to view images, the streaming recommended images related to the images in the main browsing area are correspondingly scrolled and displayed in the second browsing area.

12. The device according to claim 11, wherein The first loading module is further configured as: Creating a waterfall-style first browsing area based on the browsing page, and loading a complete image of the target image into a main browsing area in the waterfall-style first browsing area; The multiple target similar pictures are streamed and loaded below the target picture, and are scrolled and displayed based on the user's first browsing behavior.

13. The device according to claim 12, wherein: The second loading module is also configured to select multiple first recommended pictures from a preset picture database based on the main content of the target picture and / or the user's attention information, stream the multiple first recommended pictures into the second browsing area, and scroll and display them based on the user's second browsing behavior.

14. The device according to claim 11, wherein: The streaming recommendation module is further configured as follows: When a change in the picture in the main browsing area is detected during the process of scrolling the picture in the first browsing area, a new target picture displayed in the main browsing area is reconfirmed based on a preset rule; A plurality of second recommended pictures are selected from a preset picture database according to the main content of the new target picture and / or the user's attention information, and the plurality of second recommended pictures are dynamically loaded into the second browsing area.

15. The device according to claim 14, wherein: The streaming recommendation module is further configured as follows: Determining whether the main browsing area includes the first picture that is completely displayed; When the main browsing area includes a first picture that is completely displayed, using the first picture as a new target picture displayed in the main browsing area; When the main browsing area does not include the completely displayed first picture, a plurality of second pictures displayed in the main browsing area are acquired, and a new target picture displayed in the main browsing area is selected based on the plurality of second pictures.

16. The device according to claim 15, wherein: The streaming recommendation module is further configured as follows: Calculating the display area of ​​each of the plurality of second pictures in the main browsing area, and using the second picture with the largest display area as a new target picture displayed in the main browsing area; When the display areas of the plurality of second pictures in the main browsing area are equal, the second picture located above the main browsing area is used as a new target picture displayed in the main browsing area.

17. The device according to claim 11, wherein: The streaming recommendation module is further configured as follows: When it is monitored that the target image in the main browsing area stays on the browsing page for a time greater than a preset time, the streaming recommended images related to the target image are scrolled and displayed in the second browsing area accordingly.

18. The device according to claim 11, wherein Also includes: The setting module is configured to set a first scroll bar and a second scroll bar of a level relationship based on the browsing page, and the first scroll bar and the second scroll bar independently control the first browsing area and the second browsing area to scroll and browse.

19. The device according to any one of claims 11 to 17, wherein: Also includes: a commodity recommendation module configured to analyze the main content of the target image, and add at least one commodity recommendation component related to the main content of the target image in the first browsing area based on the main content of the target image and the user information of the user; A hyperlink is created based on the product recommendation component, and when the user triggers the product recommendation component, the hyperlink is directed to the corresponding product details page.

20. The device according to any one of claims 11 to 17, wherein: Also includes: A search module configured to receive a search keyword input by the user based on the browser, obtain a plurality of pictures related to the search keyword from a preset picture database based on the search keyword; and display the plurality of pictures on a current page of the browser or on a newly created page of the browser; The page creation module is further configured to create a new browsing page in the browser when it is detected that a user triggers a browsing operation for any target image in the current page of the browser or the new page.

21. A computer storage medium storing a computer program code, wherein when the computer program code is executed on a computing device, the computing device is caused to execute the picture browsing method according to any one of claims 1 to 10.

22. A computing device comprising: processor; a memory storing computer program code; When the computer program code is executed by the processor, it causes the computing device to execute the picture browsing method according to any one of claims 1 to 10.

Citation Information

Patent Citations

  • Microblog display control method and microblog client side

    CN103425386A

  • Method and device for loading waterfall flow based on mobile search

    CN105373632A