Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Display method and device of picture in webpage

A picture and web page technology, applied to the display field of pictures in web pages, to achieve the effect of convenient browsing and simple operation

Active Publication Date: 2012-12-12
北京鸿享技术服务有限公司
View PDF3 Cites 44 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] The technical problem to be solved by the present invention is to provide a method and device for displaying pictures in webpages, so as to solve the problem in the prior art that users need to drag the scroll bar to browse the whole picture with a large size

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Display method and device of picture in webpage
  • Display method and device of picture in webpage
  • Display method and device of picture in webpage

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0068] Embodiment 1 describes in detail a method for displaying pictures in a webpage according to the present invention.

[0069] refer to figure 1 , which shows a flowchart of a method for displaying pictures in a webpage according to Embodiment 1 of the present invention.

[0070] Step 11, analyzing the DOM tree of the webpage loaded in the web browser;

[0071] When a web browser accesses a web page, it sends various requests to the server where the web page is located, and parses, displays and plays the hypertext information and various multimedia data formats sent from the server.

[0072] In the above-mentioned working process of the web browser, the information and data contained in the web page are stored in the DOM, the DOM is parsed to form a DOM tree, and the structure and attributes of elements such as the information and data contained in the web page are obtained, and then the DOM tree is analyzed. Perform analysis to further obtain relevant content of each el...

Embodiment 2

[0081] Embodiment 2 describes in detail a method for displaying pictures in a webpage according to the present invention.

[0082] refer to figure 2 , which shows a flowchart of a method for displaying pictures in a web page according to Embodiment 2 of the present invention.

[0083] Step 21, analyzing the DOM tree of the webpage loaded in the web browser;

[0084] When a web browser accesses a web page, it sends various requests to the server where the web page is located, and parses, displays and plays the hypertext information and various multimedia data formats sent from the server.

[0085] In the above-mentioned working process of the web browser, the information and data contained in the web page are stored in the DOM, the DOM is parsed to form a DOM tree, and the structure and attributes of elements such as the information and data contained in the web page are obtained, and then the DOM tree is analyzed. Perform analysis to further obtain relevant content of each ...

Embodiment 3

[0126] Embodiment 3 describes in detail a device for displaying pictures in a webpage according to the present invention.

[0127] refer to image 3 , which shows a structural diagram of a device for displaying pictures in a web page according to Embodiment 3 of the present invention.

[0128] The display device of the picture in the described webpage comprises:

[0129] DOM tree analysis module 31 , image traversal acquisition module 32 , image size parameter adjustment module 33 , display window creation module 34 , and image display module 35 .

[0130] The functions of each module and the relationship between modules are introduced in detail below.

[0131] The DOM tree parsing module 31 is configured to parse the DOM tree of the webpage loaded in the web browser;

[0132] The DOM tree parsing module 31 parses the DOM tree of the webpage loaded in the web browser, and obtains a DOM tree parsing result including relevant content of each element in the webpage.

[0133] ...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention provides a display method and device of a picture in a webpage, which solve the problem in the prior art that a user can browse the whole picture with a larger size by drawing a scroll bar. The method comprises the following steps: analyzing a DOM (Document Object Model) tree of a loaded webpage in a webpage browser; going through based on an analyzed result of the DOM tree and obtaining the picture in the loaded webpage; adjusting a picture size parameter of the picture to a pre-set range; establishing a display window on a system desktop of the webpage browser and displaying the picture in the loaded webpage, which is obtained by going through, wherein the picture obtained by going through comprises the adjusted picture. Based on the analyzed result of the DOM tree, the picture in the loaded webpage is obtained by going through and the picture size parameter of the picture is adjusted to a pre-set range; and a picture book obtained by gonging through is displayed and operated in the window established on the desktop. According to the display method and device of the picture in the webpage, the picture with the larger size in the webpage can be conveniently browsed and a user can conveniently operate the picture in the webpage.

Description

technical field [0001] The invention relates to the technical field of browsers, in particular to a method and device for displaying pictures in webpages. Background technique [0002] The rapid development of the Internet has accelerated the process of digitization of information, among which pictures, charts, layouts, documents, multimedia, etc. account for more than 80%. and other multimedia information) are becoming more and more popular, and pictures have become an important part of media digital resources. [0003] When viewing a web page containing pictures in a browser, since the size of the picture exceeds the display range of the monitor, when viewing the whole picture, the user needs to drag the scroll bar in the browser to view the whole picture area by area , which increases the complexity of the operation for the user to view pictures. Contents of the invention [0004] The technical problem to be solved by the present invention is to provide a method and d...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F17/30
Inventor 唐曦陈志李鸣任寰
Owner 北京鸿享技术服务有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products