Browser and method for adding and displaying web picture comment

摘要

The present disclosure discloses a browser and a method for adding and displaying a web picture comment. The method for adding the comment includes that: information on a content of a comment on a picture and a location of the comment on the picture is acquired, relative coordinates of the location of the comment on the picture with respect to a fixed reference point within the picture is calculated; and comment parameters comprising the relative coordinates, the content of the comment, and an ID of the picture are uploaded to a web server; and a comment information layer is formed using the comment parameters, and is placed on a picture layer; when a user enters a web page, the browser requests the web server to display comment information, calculates absolute coordinates of the location of the comment on the picture, and places the formed comment information layer on the picture layer to display. With the present disclosure, a comment can be pasted on a certain part of a picture while the page is kept stationary, which is graphic and vivid, and quite interesting, and works well especially for commenting an animation/cartoon/comics product, thereby enhancing user loyalty to an internet product.

主权项

1. A method for adding a web picture comment, comprising:
pre-setting a point within a picture as a fixed reference point, and calculating absolute coordinates of the fixed reference point in a web page; receiving content of a comment on the picture input by a user; receiving a point on the picture selected by the user as a location of the comment on the picture, by acquiring absolute coordinates of a mouse clicking event on the web page as absolute coordinates of the location of the comment on the picture; acquiring relative coordinates of the location of the comment on the picture with respect to the fixed reference point within the picture, by subtracting the absolute coordinates of the fixed reference point from the absolute coordinates of the location of the comment on the picture; uploading comment parameters comprising the relative coordinates of the location of the comment with respect to the fixed reference point, the content of the comment, and an ID of the picture to a web server; dynamically forming, using the relative coordinates of the location of the comment, an information layer in real-time through html and javascript layering and positioning technology, the information layer containing the content of the comment at the selected location of the comment; and placing the information layer on a picture layer, implementing the comment positioned at a certain part of the picture.