[发明专利]瀑布流式图片显示的方法和装置

说明书

本发明提供了一种瀑布流式图片显示的方法，所述方法包括：将图片加载到页面可视区域中，获取所述页面可视区域中的图片的属性信息，获取具有预设的动画属性的目标图片，根据所述动画属性对所述目标图片执行相应的突出显示的动画效果。通过让某些图片信息进行突出显示，可以引导用户去关注特定的信息。此外，还提供了一种瀑布流式图片显示的装置。

技术领域

本发明涉及浏览器技术领域，特别是涉及一种瀑布流式图片显示的方法和系统。

背景技术

瀑布流，又称瀑布流式布局。它是目前比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据并添加至当前尾部。用户只需要轻轻滑动一下鼠标滚轮，就会有大量的图片呈现在眼前。

瀑布流可以使用户以一眼扫过的快速阅读模式在短时间内获得更多的信息量，且其懒加载的模式又避免了用户点击鼠标进行翻页的操作。但是正是因为其一次性的呈现大量的图片信息，所以很难抓住用户对某一个应用图标或图片的注意，不能引导用户去关注特定的信息。

发明内容

基于此，有必要针对上述技术问题，提供一种能够使某些特定信息突出显示的瀑布流式图片显示的方法。

一种瀑布流式图片显示的方法，所述方法包括：将图片加载到页面可视区域中；获取所述页面可视区域中的图片的属性信息；获取具有预设的动画属性的目标图片；根据所述动画属性对所述目标图片执行相应的突出显示的动画效果。

在其中一个实施例中，所述获取具有预设的动画属性的目标图片的步骤包括：实时检测页面可视区域内是否有具有动画属性的图片；若有，则将所述图片作为目标图片。

在其中一个实施例中，所述获取具有预设的动画属性的目标图片的步骤包括：每隔预设的时间间隔在页面可视区域内随机抽取一张图片；判断所述图片是否具有动画属性；若有，则将所述图片作为目标图片。

在其中一个实施例中，在所述根据所述动画属性对所述目标图片执行突出显示的动画效果的步骤之前，还包括：判断目标图片与页面可视区域边缘的距离是否大于预设长度；若所述目标图片与所述页面可视区域边缘的距离大于预设长度，则进入所述根据所述动画属性对所述目标图片执行相应的突出显示的动画效果的步骤。

在其中一个实施例中，所述动画属性为翻转属性或放大属性。

一种瀑布流式图片显示的装置，所述装置包括：加载模块，用于将图片加载到页面可视区域中；属性获取模块，用于获取所述页面可视区域中的图片的属性信息；图片获取模块，用于获取具有预设的动画属性的目标图片；动画执行模块，用于根据所述动画属性对所述目标图片执行相应的突出显示的动画效果。

在其中一个实施例中，所述图片获取模块用于实时检测页面可视区域内是否有具有动画属性的图片，若有，则将所述图片作为目标图片。

在其中一个实施例中，所述图片获取模块每隔预设的时间间隔在页面可视区域内随机抽取一张图片；判断所述图片是否具有动画属性，若有，则将所述图片作为目标图片。

在其中一个实施例中，所述装置还包括：距离判断模块，用于判断目标图片与页面可视区域边缘的距离是否大于预设长度；若是，则通知所述动画执行模块根据所述动画属性对所述目标图片执行相应的突出显示的动画效果。

在其中一个实施例中，所述动画属性为翻转属性或放大属性。

上述瀑布流式图片显示的方法和装置，通过将图片加载到页面可视区域中，获取所述页面可视区域中的图片的属性信息，获取具有预设的动画属性的目标图片，根据所述动画属性对所述目标图片执行相应的突出显示的动画效果。通过让某些图片信息进行突出显示，可以引导用户去关注特定的信息。

附图说明

图1为一个实施例中瀑布流式图片显示方法的流程图；