一种组图标题的显示方法和装置制造方法及图纸

本发明专利技术涉及一种组图标题的显示方法和装置，该方法包括：显示多个图片中的当前显示图片；触发切换指令；当切换后的图片与当前显示图片属于不同的组图时，则显示所述切换后的图片的组图标题。本发明专利技术的技术方案当用户进行大图页浏览时，尤其在不同组图之间切换时，由于组图的标题信息能够被显示，从而给用户以清晰的提示，使用户能清楚的了解到已经从一组图片切换到了另一组图片。

【技术实现步骤摘要】

本专利技术涉及通信网络
，尤其涉及一种组图标题的显示方法和装置。
技术介绍
随着互联网的飞速发展，网络上的信息越来越丰富，其中，包括大量的视频、音频、图片等信息，尤其是图片由于能够直观的展示所要展现的信息，因此倍受使用者的青睐，因此，图片在网页信息中占据着非常重要的位置。而以组图形式出现的图片页面则在网页中占了极大的比重。顾名思义，组图就是意义相近或者内容相近的许多图片组成一个组。比如环保组图都是环保内容的图片，还有风景壁纸组图等等。之所以用组图来表达，正是由于人们对图片的需求旺盛，如果只提供一张图片不能满足人们的心理或者生活的选择需求，才使用许多图片来分成类别，供人们欣赏和利用它。组图显示的一种主要方式是以大图页进行显示。通常，为了显示高清晰度的图片，或者为了充分给用户展现图片的细节特征，避免过多的非图片因素对用户的干扰，网站会采用大图页的方式向用户展示图片。然而现有技术中存在如下的缺陷：当进行大图页浏览时，各网站的通常做法是，滑动屏幕会隐藏标题信息，只有当再次点击屏幕时才会显现。因此在不同组图之间切换时，由于标题信息一直处于隐藏状态，导致用户不能清楚的了解到已经从一组图片切换到了另一组图片。
技术实现思路
鉴于上述问题，提出了本专利技术的技术方案以便提供一种克服上述问题或者至少部分地解决或者减缓上述问题。根据本专利技术的一个方面，提供了一种组图标题的显示方法，该方法包括：显示多个图片中的当前显示图片；触发切换指令；当切换后的图片与当前显示图片属于不同的组图时，则显示所述切换后的图片的组图标题。进一步的，所述方法还包括：在触发切换指令之后，当所述切换后的图片与当前显示图片属于相同的组图时，则隐藏所述切换后的图片的组图标题。进一步的，所述方法包括：将所述多个图片经过格式化后形成数组并存储。进一步的，所述方法还包括：当触发切换指令时，取出所述数组的当前项以及前后各一项进行渲染，或者取出所述数组的当前项以及前一项进行渲染，或者取出所述数组的当前项以及后一项进行渲染。进一步的，所述方法还包括：当触发切换指令时，判断切换后的图片对应的组图ID和切换前的图片对应的组图ID是否相同；当两者不同时，说明已经切换到了不同的组图。进一步的，所述方法包括：所述标题通过css3的transition动画来实现。进一步的，所述方法包括：通过JavaScript为页面设置不同的ClassName来触发所述transition动画。进一步的，所述切换指令由按压实体键、感应键、触碰屏幕上的动态键或感应手势其中之一驱动。进一步的，以大图页的方式来显示所述多个图片。根据本专利技术的另一方面，提供了一种组图标题的显示装置，所述装置包括：显示单元，用于显示多个图片中的当前显示图片；切换单元，用于触发切换指令；判断单元，用于判断所述切换图片与当前显示图片是否属于不同的组图；标题显示单元，当切换后的图片与当前显示图片属于不同的组图时，则显示所述切换后的图片的组图标题。进一步的，所述装置还包括：标题隐藏单元，在触发切换指令之后，当所述切换后的图片与当前显示图片属于相同的组图时，则隐藏所述切换后的图片的组图标题。进一步的，所述装置包括：格式化单元，将所述多个图片经过格式化后形成数组；存储单元，将所述数组存储到数据库。进一步的，所述装置还包括：渲染器，当触发切换指令时，取出所述数组的当前项以及前后各一项进行渲染，或者取出所述数组的当前项以及前一项进行渲染，或者取出所述数组的当前项以及后一项进行渲染。进一步的，当触发切换指令时，所述判断单元判断切换后的图片对应的组图ID和切换前的图片对应的组图ID是否相同；当两者不同时，说明已经切换到了不同的组图。进一步的，所述装置包括：标题实现单元，通过css3的transition动画来实现所述标题。进一步的，通过JavaScript为页面设置不同的ClassName来触发所述transition动画。进一步的，切换单元的所述切换指令由按压实体键、感应键、触碰屏幕上的动态键或感应手势其中之一驱动。进一步的，以大图页的方式来显示所述多个图片。本专利技术的有益效果为：本专利技术提供了一种组图标题的显示方法和装置，当切换后的图片与当前显示图片属于不同的组图时，能显示所述切换后的图片的组图标题。本专利技术的技术方案当用户进行大图页浏览时，尤其在不同组图之间切换时，由于组图的标题信息能够被显示，从而给用户以清晰的提示，使用户能清楚的了解到已经从一组图片切换到了另一组图片。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文具体实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出具体实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1为本专利技术的组图标题的显示方法流程图；图2为本专利技术中判断搜索结果是否满足预渲染条件的方法流程图；图3为本专利技术的组图标题的显示装置示意图；图4为本专利技术在移动终端上浏览大图页效果图一；图5为本专利技术在移动终端上浏览大图页效果图二；图6为本专利技术在移动终端上浏览大图页效果图三。具体实施方式下面结合附图和具体的实施方式对本专利技术作进一步详细的描述。图1为本专利技术的组图标题的显示方法流程图。本专利技术提供了一种组图标题的显示方法，该方法包括：步骤S101、显示多个图片中的当前显示图片；步骤S102、触发切换指令；步骤S103、当切换后的图片与当前显示图片属于不同的组图时，则显示所述切换后的图片的组图标题。下面针对方法中的每一个步骤做进一步详细具体的说明。进一步的，所述方法还包括：在触发切换指令之后，当所述切换后的图片与当前显示图片属于相同的组图时，则隐藏所述切换后的图片的组图标题。当浏览组图中的图片的时候，如果所述的切换后的图片与切换前的图片为同一组图，则可以通过隐藏组图标题的方式来提升用户体验，同时可以避免过多的非图像信息对用户造成不必要的干扰。所述方法还包括：将所述本文档来自技高网...

【技术保护点】
一种组图标题的显示方法，其特征在于，该方法包括：显示多个图片中的当前显示图片；触发切换指令；当切换后的图片与当前显示图片属于不同的组图时，则显示所述切换后的图片的组图标题。

【技术特征摘要】
1.一种组图标题的显示方法，其特征在于，该方法包括：
显示多个图片中的当前显示图片；
触发切换指令；
当切换后的图片与当前显示图片属于不同的组图时，则显示所述切
换后的图片的组图标题。
2.如权利要求1所述的方法，其特征在于，所述方法还包括：
在触发切换指令之后，当所述切换后的图片与当前显示图片属于相
同的组图时，则隐藏所述切换后的图片的组图标题。
3.如权利要求1-2任一项所述的方法，其特征在于，所述方法包括：
将所述多个图片经过格式化后形成数组并存储。
4.如权利要求1-3任一项所述的方法，其特征在于，所述方法还包
括：
当触发切换指令时，取出所述数组的当前项以及前后各一项进行渲
染，或者取出所述数组的当前项以及前一项进行渲染，或者取出所述数
组的当前项以及后一项进行渲染。
5.如权利要求1-4任一项所述的方法，其特征在于，所述方法还包
括：
当触发切换指令时，判断切换后的图片对应的组图ID和切换前的图
片对应的组图ID是否相同；当两者不同时，说...

【专利技术属性】
技术研发人员：王峰，范欣，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：北京;11