[发明专利]一种基于网站的图片显示方法及装置

说明书

技术领域

本发明涉及网络多媒体播放领域，尤其涉及一种基于网站的图片显示方法及装置。

背景技术

网络作为科技发展的产物，也是信息时代的标志。人类随着网络通信的普及和发展，进入了信息时代。网络越来越强烈的接入我们的生活，网络通过各种类型的网站将信息传播出去。

目前，网站中出现了一种新的信息展现形式——网站焦点图。网站焦点图即在网站的特定的位置展现一张图片或多张图片。通常网站焦点图都在网站首页版面或频道首页版面的最明显的位置，用图片组合播放的形式，播放焦点新闻图片。

网站的焦点图比一般的文字性的信息更有视觉吸引性，容易引起访问者的点击。据统计，网站焦点图的点击率明显高于纯文字信息的点击率。

然而，现有技术中，无论终端采用何种分辨率，网站均提供相同尺寸的焦点图，这样，会影响焦点图的呈现效果。

例如，若终端采用较高分辨率，则网站所提供的焦点图在终端进行呈现时，可能会由于焦点图过小而导致用户无法看清焦点图。

又例如，若终端采用较低分辨率，则网站所提供的焦点图在终端进行呈现时，可能会由于焦点图过大而导致终端无法呈现完整的焦点图。

无论上述哪一种情况，均会影响焦点图的呈现效果。

发明内容

本发明实施例提供一种基于网站的图片显示方法及装置，用以解决现有技术中存在的由于网站焦点图都处于固定状态，从而影响焦点图的呈现效果的问题。

本发明实施例提供的具体技术方案如下：

第一方面，一种基于网站的图片显示方法，包括：

接收客户端的服务请求，该服务请求中携带有所述客户端当前使用的分辨率，以及所述客户端请求访问的网页页面的标识；

根据所述客户端当前使用的分辨率，得到所述客户端的浏览窗口当前的显示宽度；

根据所述网页页面的标识确定相应的网页页面，并确定所述网页页面的宽度，以及确定焦点图片在所述网页页面中占用的区域大小；

计算所述浏览窗口当前的显示宽度与所述网页页面的宽度的比值；

根据所述比值对所述焦点图片在所述网页页面中占用的区域大小进行调整，并将包含有调整后的焦点图片的网页页面发往所述客户端进行呈现。

通过这种方法，根据客户端的浏览窗口、以及客户端当前使用的分辨率调整网页图片的大小，可以在客户端采用较高分辨率时放大焦点图，进而看清楚焦点图，在客户端采用较低分辨率时缩小焦点图，进而可以在网页中呈现完整的焦点图，最终保证了焦点图的呈现效果。

结合第一方面，在第一种可能的实现方式中，根据所述客户端当前使用的分辨率，得到所述客户端的浏览窗口当前的显示宽度，包括：

若所述浏览窗口为最大化浏览窗口，则根据所述客户端当前使用的分辨率，得到所述浏览窗口当前的显示宽度；

若所述浏览窗口为非最大化浏览窗口，则根据所述客户端当前使用的分辨率以及所述客户端发送的浏览窗口调整信息，得到所述浏览窗口当前的显示宽度。

通过这种方式，可以在根据浏览窗口的大小调整网页中的焦点图的大小。

结合第一方面的第一种可能的实现方式，在第二种可能的实现方式中，所述客户端发送的浏览窗口调整信息中携带所述浏览窗口当前显示宽度与所述当前使用的分辨率所能支持的最大化的浏览窗口显示宽度之比。

通过这种方式，可以确定客户端的浏览窗口的大小。

结合第一方面或第一方面的第一种或第二种可能的实现方式，在第三种可能的实现方式中，根据所述比值对所述焦点图片在所述网页页面中占用的区域大小进行调整，包括：

将所述焦点图片在所述网页页面中占用的区域高度与所述比值的积，作为所述焦点图片的目标高度；

将所述焦点图片在所述网页页面中占用的区域宽度与所述比值的积，作为所述焦点图片的目标宽度；

判定所述目标高度大于等于预设的高度阈值，且所述目标宽度大于等于预设的宽度阈值时，按照所述目标高度和所述目标宽度对所述焦点图片进行调整；

判定所述目标高度小于预设的高度阈值，或所述目标宽度小于预设的宽度阈值时，按照所述高度阈值和所述宽度阈值对所述焦点图片进行调整。

通过这种方式，可以确定焦点图片的目标高度、目标宽度。

结合第一方面的第三种可能的实现方式，在第四种可能的实现方式中，若所述焦点图片的个数大于1，则按照所述高度阈值和所述宽度阈值对所述焦点图片进行调整，在将包含有调整后的焦点图片的网页页面发往所述客户端进行呈现之前，还包括：