[发明专利]一种相册、网页图片预览的方法及装置

说明书

技术领域

本发明涉及图片预览领域，特别涉及一种相册、网页图片预览的方法及装置。

背景技术

目前，图片预览的方式都是在预览的图片两端放置相应的按钮，然后点击这两边的按钮区来完成上一张和下一张图片的切换，在图片很多的情况下，如此反复点击将会使用户出现很累的情况，同时更容易造成“鼠标手”，并且在图片很多的情况下，想要回到第一张，或者最后一张，都要点击数次才能完成，其查找图片不太方便，查找的速度较慢，这样很不利于用户的体验。

发明内容

本发明要解决的技术问题在于，针对现有技术的上述查看图片的速度较慢、不太方便、影响用户体验的缺陷，提供一种能够快速、方便地查看相册的图片、改善用户的体验的相册、网页图片预览的方法及装置。

本发明解决其技术问题所采用的技术方案是：构造一种相册，包括当前图片预览区域、上一幅区域、下一幅区域、第一幅图区域、最后一幅图区域、第一小图向导区和第二小图向导区，所述上一幅区域位于所述当前图片预览区域的左侧、用于载入当前图的上一幅图，所述下一幅区域位于所述当前图片预览区域的右侧、用于载入当前图的下一幅图，所述第一幅图区域位于所述当前图片预览区域的一个角位置，所述最后一幅图区域位于所述当前图片预览区域的另一角位置，所述第一小图向导区位于所述当前图片预览区域的下端或上端、用于放置当前图的向前设定个数的图片的小图，所述第二小图向导区位于所述当前图片预览区域的上端或下端、用于放置当前图的向后设定个数的图片的小图。

在本发明所述的相册中，所述第一幅图区域位于所述当前图片预览区域的左上角，所述最后一幅图区域位于所述当前图片预览区域的右下角。

在本发明所述的相册中，所述第一小图向导区包括第一向前小图向导区和第一向后小图向导区，所述第一向前小图向导区位于所述当前图片预览区域的左下角、用于向前轮播相册的小图，所述第一向后小图向导区位于所述当前图片预览区域的下端、用于向后轮播相册的小图。

在本发明所述的相册中，所述第二小图向导区包括第二向前小图向导区和第二向后小图向导区，所述第二向前小图向导区位于所述当前图片预览区域的上端、用于向前轮播相册的小图，所述第二向后小图向导区位于所述当前图片预览区域的右上角、用于向后轮播相册的小图。

在本发明所述的相册中，所述设定个数为五个。

在本发明所述的相册中，所述设定时间为五秒。

在本发明所述的相册中，当鼠标移动到所述上一幅区域或下一幅区域内且不动时，每隔设定时间切换到当前图的上一幅图或下一幅图。

本发明还涉及一种网页图片预览的方法，包括如下步骤：

A)加载要预览的多个图片；

B)判断所述图片中是否有向导的小图，如是，用大图对应的小图创建第一小图向导区和第二小图向导区，执行步骤C)；否则，直接用大图创建所述第一小图向导区和第二小图向导区，执行步骤C)；

C)创建相册；

D)监听鼠标放置的区域，当所述鼠标放置到相册相应的区域时，切换相册的图片。

在本发明所述的网页图片预览的方法中，在所述步骤C)中，创建相册包括对当前图片预览区域、上一幅区域、下一幅区域、第一幅图区域和最后一幅图区域、第一小图向导区和第二小图向导区的创建。

本发明还涉及一种实现上述网页图片预览的方法的装置，包括：

加载单元：用于加载要预览的多个图片；

小图判断单元：用于判断所述图片中是否有向导的小图，如是，用大图对应的小图创建第一小图向导区和第二小图向导区；否则，直接用大图创建所述第一小图向导区和第二小图向导区；

相册创建单元：用于创建相册；

监听单元：用于监听鼠标放置的区域，当所述鼠标放置到相册相应的区域时，切换相册的图片。

实施本发明的相册、网页图片预览的方法及装置，具有以下有益效果:由于相册包括当前图片预览区域、上一幅区域、下一幅区域、第一幅图区域、最后一幅图区域、第一小图向导区和第二小图向导区，当鼠标移到第一幅图区域，则当前图片预览区域载入第一幅图；当鼠标移到最后一幅图区域，则当前图片预览区域载入最后一幅图；当鼠标移动到上一幅区域，则载入当前图的上一幅图；当鼠标移动到下一幅区域，则载入当前图的下一幅图；当鼠标移动到第一小图向导区时，则载入当前图的向前设定个数的图片的小图；当鼠标移动到第二小图向导区时，则载入当前图的向后设定个数的图片的小图；所以其不需要用户多次点击就可以实现图片的预览，能够快速、方便地查看相册中的图片，改善用户的体验。