CN105677908A - 一种带图片内容的网页浏览方法 - Google Patents

一种带图片内容的网页浏览方法 Download PDF

Info

Publication number
CN105677908A
CN105677908A CN201610099859.1A CN201610099859A CN105677908A CN 105677908 A CN105677908 A CN 105677908A CN 201610099859 A CN201610099859 A CN 201610099859A CN 105677908 A CN105677908 A CN 105677908A
Authority
CN
China
Prior art keywords
title
picture
window
web page
threshold value
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201610099859.1A
Other languages
English (en)
Other versions
CN105677908B (zh
Inventor
李文华
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Zhengpin Chuangxiang Technology Co Ltd
Original Assignee
Shenzhen Zhengpin Chuangxiang Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Zhengpin Chuangxiang Technology Co Ltd filed Critical Shenzhen Zhengpin Chuangxiang Technology Co Ltd
Priority to CN201610099859.1A priority Critical patent/CN105677908B/zh
Publication of CN105677908A publication Critical patent/CN105677908A/zh
Application granted granted Critical
Publication of CN105677908B publication Critical patent/CN105677908B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • 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
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及计算机技术领域，提供了一种带图片内容的网页浏览方法。包括：根据第一网页所包含的标题，获取所述标题所对应的各网页内的一张或者多张图片，在各标题下显示相应网页内获取的一张或者多张图片，具体的：根据焦点位置确认第一网页上焦点所在的标题A；判断标题A所对应的第二网页内的图片数量是否达到第一预设阈值；若达到第一预设阈值，则在所述标题A下第一窗口内以动态切换方式显示所述标题A所对应的第二网页内的各图片的缩略图。本发明实施例针对带图片内容的网页，给予了结合标题下第一窗口内以动态切换方式显示图片内容的方法。相比较现有技术中不显示网页内所包含的图片，能够在有限的空间内为用户提供更多的信息。

Description

一种带图片内容的网页浏览方法
【技术领域】
本发明涉及计算机技术领域，特别是涉及一种带图片内容的网页浏览方法。
【背景技术】
随着互联网带宽的扩展，以及为了提供更生动直接的信息，如今在网上分享经验或者分享博文都会以附带图片的方式呈现，这样带来的问题就是浏览者必须打开相应标题的网页才能看到里面包含的图片，随着图片信息量比重越来越大，传统的这种方式已经无法满足浏览者通过标题快速获取信息的要求。
鉴于此，克服该现有技术所存在的缺陷是本技术领域亟待解决的问题。
【发明内容】
本发明要解决的技术问题是如何在现有一标题所对应的第二网页内容中，携带越来越多图片的情况下，能够让用户更快捷的获取网页内容。
本发明采用如下技术方案：
第一方面，本发明实施例提供了一种带图片内容的网页浏览方法，根据第一网页所包含的标题，获取所述标题所对应的各网页内的一张或者多张图片，在各标题下显示相应网页内获取的一张或者多张图片，所述方法还包括：
根据焦点位置确认第一网页上焦点所在的标题A；
判断标题A所对应的第二网页内的图片数量是否达到第一预设阈值；
若达到第一预设阈值，则在所述标题A下第一窗口内以动态切换方式显示所述标题A所对应的第二网页内的各图片的缩略图。
优选的，所述判断标题A所对应的第二网页内的图片数量是否达到第一预设阈值，还包括：
若未达到第一预设阈值，则在所述标题A下以静态方式显示所述标题A所对应的第二网页内的各图片的缩略图。
优选的，所述第一预设阈值为三张图片。
优选的，，所述方法还包括：
当焦点位置移动到标题A下第一窗口中显示的图片上时，停止动态切换图片。
优选的，所述方法还包括：
所述标题A下第一窗口的左右两侧分别设置有左拉的控件和右拉的控件；其中，所述左拉的控件和右拉的控件用于接收点击操作，并相应完成标题A下第一窗口中显示的图片的左移和右移。
优选的，所述方法还包括：
所述标题A下第一窗口的左右两侧分别设置有左拉的控件和右拉的控件；其中，所述左拉的控件和右拉的控件，用于接收焦点定位所述左拉的控件或者右拉的控件操作，并相应完成标题A下第一窗口中显示的图片的左移和右移。
优选的，所述方法还包括：
确认焦点所定位的图片内容，并从所述网页中摘取与所述图片内容相关的文字在第二窗口中显示；其中，所述第二窗口紧贴所述第一窗口。
优选的，所述方法还包括：
获取标题A下第一窗口内选择图片B的点击操作，打开所述标题A所对应的第二网页，并直接寻址到所述图片B所在的网页位置。
优选的，所述若达到第一预设阈值，所述方法还包括：
判断标题A所对应的第二网页内的图片是否达到第二预设阈值；
若达到第二预设阈值，则在所述标题A下第一窗口内以带拖动条方式显示所述标题A所对应的第二网页内的各图片的缩略图。
与现有技术相比，本发明的有益效果在于：本发明实施例针对带图片内容的网页，给予了结合标题下第一窗口内以动态切换方式显示图片内容的方法。相比较现有技术中不显示网页内所包含的图片，或者仅以固定选取一张或者多张图片显示的方式，能够在有限的空间内为用户提供更多的信息。
【附图说明】
图1是本发明实施例提供的一种带图片内容的网页浏览方法的流程示意图；
图2是本发明实施例提供的另一种带图片内容的网页浏览方法的流程示意图；
图3是本发明实施例提供的一种带图片内容的网页浏览效果示意图；
图4是本发明实施例提供的另一种带图片内容的网页浏览效果示意图；
图5是本发明实施例提供的另一种带图片内容的网页浏览效果示意图。
【具体实施方式】
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
此外，下面所描述的本发明各个实施方式中所涉及到的技术特征只要彼此之间未构成冲突就可以相互组合。
实施例1:
本发明实施例1提供了一种带图片内容的网页浏览方法，根据第一网页所包含的标题，获取所述标题所对应的各网页内的一张或者多张图片，在各标题下显示相应网页内获取的一张或者多张图片，所述方法还包括：
在步骤201中，根据焦点位置确认第一网页上焦点所在的标题A。
如图3所示，所述焦点可以是个人PC中使用的鼠标，还可以是智能终端中以隐性方式存在的触摸点，还可以是类似体感捕捉呈现的操作点，均属于本发明所述的焦点范围内。
在步骤202中，判断标题A所对应的第二网页内的图片数量是否达到第一预设阈值。
其中，优选的，所述第一预设阈值为三张图片。当然，所述第一预设阈值还可以是其它自然数，其值的设定通常是根据第一窗口大小和设置显示的缩略图的大小计算得到，即能够在第一窗口中以显示的缩略图的最大图片数量为优。
在步骤203中，若达到第一预设阈值，则在所述标题A下第一窗口内以动态切换方式显示所述标题A所对应的第二网页内的各图片的缩略图。其效果图可以参考图3所示示意图，其中，具体的缩略比例可以由操作人员设置。在具体实现中，所述动态切换方式包括：淡进淡出方式、从下往上切入的方式、从上往下切入的方式或则百叶窗方式等等，均属于本发明所要保护的范围。
本发明实施例针对带图片内容的网页，给予标题下第一窗口内以动态切换方式显示图片内容的方法。相比较现有技术中不显示网页内所包含的图片，或者仅以固定选取一张或者多张图片显示的方式，能够在有限的空间内为用户提供更多的信息。
结合本发明实施例，在所述步骤202的判断结论中，还涉及网页内的图片数量未达到第一预设阈值的情况，如图2所示，所述方法还包括步骤204，具体的：
在步骤204中，若未达到第一预设阈值，则在所述标题A下以静态方式显示所述标题A所对应的第二网页内的各图片的缩略图。
在使用本发明实施例所提出的方法时，可能涉及用户在浏览缩略图时，会遇到其关心的图片，此时，结合所述实施例存在一种优选的实现方案，具体的：
当焦点位置移动到标题A下第一窗口中显示的图片上时，停止动态切换图片。本优选方案保证了用户在浏览到感兴趣的缩略图时，能够及时的停止第一窗口中图片的动态切换，然而，在具体操作体验中有可能出现用户移动焦点位置后所固定要观察的图片已经跳过去或者还有部分没有显示出来，那么为了解决该可能出现的问题，本发明实施例还提供了一种可结合的扩展方案，如图4所示，具体实现如下：
所述标题A下第一窗口的左右两侧分别设置有左拉的控件和右拉的控件；其中，所述左拉的控件和右拉的控件用于接收点击操作，并相应完成标题A下第一窗口中显示的图片的左移和右移。具体，图片的左移和右移可以是像素级的移动单位，也可以是以一张图片的宽度为移动单位的。
除了上述所述左拉的控件和右拉的控件用于接收点击操作的实现方式外，本发明实施例还提供了一种可选的实现方式，具体的：
所述标题A下第一窗口的左右两侧分别设置有左拉的控件和右拉的控件；其中，所述左拉的控件和右拉的控件，用于接收焦点定位所述左拉的控件或者右拉的控件操作(例如：将焦点移动到所述左拉的控件或者右拉的控件操作)，并相应完成标题A下第一窗口中显示的图片(即：缩略图)的左移和右移。
本发明实施例在具体实现过程中，对于用户而言单纯的提取标题所对应的第二网页中的图片出来显示，可能仍然不能满足用户直观的、有效的获取网页内容信息的目的，因此，结合本发明实施例还存在一种优选的实现方式，如图5所示，所述方法还包括：
确认焦点所定位的图片内容，并从所述网页中摘取与所述图片内容相关的文字在第二窗口中显示；其中，所述第二窗口紧贴所述第一窗口。
本发明在具体实现中可能还会遇到一种需求，即用户在看到其所关心的图片时，会产生通过点击该缩略图就直接跳转到网页中相应图片所在位置(例如：帖子中具体位置表现为“第*页，第*楼”)，因此，结合本发明实施例还存在一种优选的扩展方案，具体的：
获取标题A下第一窗口内选择图片B的点击操作，打开所述标题A所对应的第二网页，并直接寻址到所述图片B所在的第二网页位置。例如：用户A在浏览用户B创建的一个第二网页的标题，其中，标题下动态切换方式展示着用户B所分享的100部电影的图片的缩略图。而当用户鼠标(即焦点)选中其中某一部电影的缩略图，并点击该缩略图时，则服务器为用户进入该网页并跳转到所点击缩略图所在的具体位置(例如：网页中的第7页的第100楼为所述点击缩略图所在的具体位置)。
本发明实施例在实现过程中，还可能遇到网页内所包含图片过多，用上述动态切换方式可能无法满足用户在短时间内获取足够的信息内容，因此，结合本发明实施例还存在一种优选的实现方式，具体的：在判断所述若达到第一预设阈值，所述方法还包括：
判断标题A所对应的第二网页内的图片是否达到第二预设阈值；若达到第二预设阈值，则在所述标题A下第一窗口内以带拖动条方式显示所述标题A所对应的第二网页内的各图片的缩略图。其中，在具体实现时，判断第一预设阈值和判断第二预设阈值的先后顺序可以是任意设置的，均在本发明的保护范围内。所述第二预设阈值的实际取值可以有操作人员设定，在此不做限定。
本领域普通技术人员可以理解实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：只读存储器(ROM，ReadOnlyMemory)、随机存取存储器(RAM，RandomAccessMemory)、磁盘或光盘等。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种带图片内容的网页浏览方法，其特征在于，根据第一网页所包含的标题，获取所述标题所对应的各网页内的一张或者多张图片，在各标题下显示相应网页内获取的一张或者多张图片，所述方法还包括：
根据焦点位置确认第一网页上焦点所在的标题A；
判断标题A所对应的第二网页内的图片数量是否达到第一预设阈值；
若达到第一预设阈值，则在所述标题A下第一窗口内以动态切换方式显示所述标题A所对应的第二网页内的各图片的缩略图。
2.根据权利要求1所述的网页浏览方法，其特征在于，所述判断标题A所对应的第二网页内的图片数量是否达到第一预设阈值，还包括：
若未达到第一预设阈值，则在所述标题A下以静态方式显示所述标题A所对应的第二网页内的各图片的缩略图。
3.根据权利要求1或2所述的网页浏览方法，其特征在于，所述第一预设阈值为三张图片。
4.根据权利要求1所述的网页浏览方法，其特征在于，所述方法还包括：
当焦点位置移动到标题A下第一窗口中显示的图片上时，停止动态切换图片。
5.根据权利要求4所述的网页浏览方法，其特征在于，所述方法还包括：
所述标题A下第一窗口的左右两侧分别设置有左拉的控件和右拉的控件；其中，所述左拉的控件和右拉的控件用于接收点击操作，并相应完成标题A下第一窗口中显示的图片的左移和右移。
6.根据权利要求4所述的网页浏览方法，其特征在于，所述方法还包括：
所述标题A下第一窗口的左右两侧分别设置有左拉的控件和右拉的控件；其中，所述左拉的控件和右拉的控件，用于接收焦点定位所述左拉的控件或者右拉的控件操作，并相应完成标题A下第一窗口中显示的图片的左移和右移。
7.根据权利要求4-6所述的网页浏览方法，其特征在于，所述方法还包括：
确认焦点所定位的图片内容，并从所述网页中摘取与所述图片内容相关的文字在第二窗口中显示；其中，所述第二窗口紧贴所述第一窗口。
8.根据权利要求1所述的网页浏览方法，其特征在于，所述方法还包括：
获取标题A下第一窗口内选择图片B的点击操作，打开所述标题A所对应的第二网页，并直接寻址到所述图片B所在的网页位置。
9.根据权利要求1所述的网页浏览方法，其特征在于，所述若达到第一预设阈值，所述方法还包括：
判断标题A所对应的第二网页内的图片是否达到第二预设阈值；
若达到第二预设阈值，则在所述标题A下第一窗口内以带拖动条方式显示所述标题A所对应的第二网页内的各图片的缩略图。
10.根据权利要求1所述的网页浏览方法，其特征在于，所述动态切换方式包括：淡进淡出方式、从下往上切入的方式、从上往下切入的方式或则百叶窗方式。
CN201610099859.1A 2016-02-23 2016-02-23 一种带图片内容的网页浏览方法 Active CN105677908B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610099859.1A CN105677908B (zh) 2016-02-23 2016-02-23 一种带图片内容的网页浏览方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610099859.1A CN105677908B (zh) 2016-02-23 2016-02-23 一种带图片内容的网页浏览方法

Publications (2)

Publication Number Publication Date
CN105677908A true CN105677908A (zh) 2016-06-15
CN105677908B CN105677908B (zh) 2019-07-26

Family

ID=56304857

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610099859.1A Active CN105677908B (zh) 2016-02-23 2016-02-23 一种带图片内容的网页浏览方法

Country Status (1)

Country Link
CN (1) CN105677908B (zh)

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101082917A (zh) * 2006-06-02 2007-12-05 千橡世纪科技发展（北京）有限公司 一种快速预览网页内容摘要的方法和装置
CN101460945A (zh) * 2004-09-27 2009-06-17 Bt网络解决方案有限责任公司 用于增进式浏览的方法和装置
CN102819561A (zh) * 2012-06-29 2012-12-12 北京奇虎科技有限公司 一种基于网页的图片显示方法和装置
CN102819560A (zh) * 2012-06-29 2012-12-12 北京奇虎科技有限公司 一种网页中图片的显示方法和装置
CN103177113A (zh) * 2013-04-02 2013-06-26 百度在线网络技术（北京）有限公司 网页呈现方法和网页呈现装置
CN103617222A (zh) * 2013-11-22 2014-03-05 北京奇虎科技有限公司 一种网页中进行预下载的方法和浏览器
CN103729106A (zh) * 2012-10-10 2014-04-16 腾讯科技（深圳）有限公司 网页缩略图展示方法和装置
CN104049844A (zh) * 2014-06-12 2014-09-17 广州金山网络科技有限公司 缩略图在导航栏中的显示方法及缩略图的显示装置
CN104063484A (zh) * 2014-07-03 2014-09-24 车智互联（北京）科技有限公司 一种网页呈现方法、装置及电子设备
CN104598468A (zh) * 2013-10-30 2015-05-06 腾讯科技（深圳）有限公司 一种网页图片的显示方法及装置

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101460945A (zh) * 2004-09-27 2009-06-17 Bt网络解决方案有限责任公司 用于增进式浏览的方法和装置
CN101082917A (zh) * 2006-06-02 2007-12-05 千橡世纪科技发展（北京）有限公司 一种快速预览网页内容摘要的方法和装置
CN102819561A (zh) * 2012-06-29 2012-12-12 北京奇虎科技有限公司 一种基于网页的图片显示方法和装置
CN102819560A (zh) * 2012-06-29 2012-12-12 北京奇虎科技有限公司 一种网页中图片的显示方法和装置
CN103729106A (zh) * 2012-10-10 2014-04-16 腾讯科技（深圳）有限公司 网页缩略图展示方法和装置
CN103177113A (zh) * 2013-04-02 2013-06-26 百度在线网络技术（北京）有限公司 网页呈现方法和网页呈现装置
CN104598468A (zh) * 2013-10-30 2015-05-06 腾讯科技（深圳）有限公司 一种网页图片的显示方法及装置
CN103617222A (zh) * 2013-11-22 2014-03-05 北京奇虎科技有限公司 一种网页中进行预下载的方法和浏览器
CN104049844A (zh) * 2014-06-12 2014-09-17 广州金山网络科技有限公司 缩略图在导航栏中的显示方法及缩略图的显示装置
CN104063484A (zh) * 2014-07-03 2014-09-24 车智互联（北京）科技有限公司 一种网页呈现方法、装置及电子设备

Also Published As

Publication number Publication date
CN105677908B (zh) 2019-07-26

Similar Documents

Publication Publication Date Title
US9971749B2 (en) Editor for website and website menu
CN112153454B9 (zh) 提供多媒体内容的方法、装置和设备
US8726164B2 (en) Mark-up extensions for semantically more relevant thumbnails of content
KR101787182B1 (ko) 애플리케이션 선택 가능 사용자 인터페이스에서 새로운 콘텐츠의 점진적 표시 기법
US10129188B2 (en) Method, system and apparatus for adding network comment information
WO2017173781A1 (zh) 视频帧截取方法和装置
US20150091906A1 (en) Three-dimensional (3d) browsing
US9886465B2 (en) System and method for rendering of hierarchical data structures
CN105339932A (zh) 浏览器驱动的功率节省
CN103098001B (zh) 一种用户界面的处理方法和电子设备
CN106296622B (zh) 一种自动布局的拼图方法及装置
US20090303253A1 (en) Personalized scaling of information
CN107295415B (zh) 视频播放方法和装置
WO2014032589A1 (en) Window switching method and apparatus
CN106708478B (zh) 滚动视图显示方法及装置
CN112752132A (zh) 漫画图片弹幕显示方法、装置、介质及电子设备
CN106294501A (zh) 网页动画效果显示方法和装置
US20240273732A1 (en) Method, apparatus, computer device and storage medium for image display
CN105677908A (zh) 一种带图片内容的网页浏览方法
CN112667942A (zh) 一种动画生成方法、装置及介质
CN110489185A (zh) 一种浮层的展示方法、计算机存储介质及终端设备
CN104731824A (zh) 一种显示图片的方法及装置
CN104063434A (zh) 搜索结果页的展现方法和装置
CN112835575A (zh) 多图层显示控制方法和装置
US20220244820A1 (en) In-page navigation

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant