CN107797802A - 轮播图翻页效果的设置方法、装置及电子设备 - Google Patents

Abstract

本发明提供了一种轮播图翻页效果的设置方法、装置及电子设备，涉及计算机软件技术领域，该方法包括：获取用户选取的轮播图的目标翻页效果；根据所述目标翻页效果确定所述轮播图的目标翻页方法；将所述轮播图的当前翻页方法替换为所述目标翻页方法，以使所述轮播图按照所述目标翻页方法展示出所述目标翻页效果。本发明提供的轮播图翻页效果的设置方法、装置及电子设备，可以提高设置轮播图翻页效果的灵活性，提高用户体验度。

Description

轮播图翻页效果的设置方法、装置及电子设备

技术领域

本发明涉及计算机软件技术领域，尤其是涉及一种轮播图翻页效果的设置方法、装置及电子设备。

背景技术

轮播图指以轮换方式播放的一组图片。轮播图的原理为：一系列的大小相等的图片平铺，利用CSS(Cascading Style Sheets，层叠样式表)布局只显示一张图片，其余隐藏，通过计算偏移量利用定时器实现自动播放，或通过手动点击事件切换图片。

作为一个企业的互联网支撑服务平台，跟大部分的官方网站一样，轮播图是必不可少的元素。官网中的轮播图占据了网页的一大部分位置，用于实时显示最新的动态与活动。官网上的轮播图的翻页效果是固定了的左右滑动效果，轮播图的展示方式比较单一，要更换轮播图的翻页效果，需要用户上线手动修改代码，操作繁琐。

综上可知，现有技术中轮播图的展示方式比较单一，用户无法灵活地设置轮播图的翻页效果，用户体验较差。

发明内容

有鉴于此，本发明的目的在于提供一种轮播图翻页效果的设置方法、装置及电子设备，以提高设置轮播图翻页效果的灵活性，提高用户体验度。

第一方面，本发明实施例提供了一种轮播图翻页效果的设置方法，所述方法包括：获取用户选取的轮播图的目标翻页效果；根据所述目标翻页效果确定所述轮播图的目标翻页方法；将所述轮播图的当前翻页方法替换为所述目标翻页方法，以使所述轮播图按照所述目标翻页方法展示出所述目标翻页效果。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，所述获取用户选取的轮播图的目标翻页效果，包括：接收用户触发的效果设置请求；根据所述效果设置请求中的属性信息，确定所述用户选取的轮播图的目标翻页效果。

结合第一方面，本发明实施例提供了第一方面的第二种可能的实施方式，其中，所述获取用户选取的轮播图的目标翻页效果，包括：根据用户预先设置的时间与翻页效果的对应规则，判断是否需要对轮播图进行翻页效果的更换操作；如果是，根据所述对应规则确定所述轮播图的目标翻页效果。

结合第一方面，本发明实施例提供了第一方面的第三种可能的实施方式，其中，所述轮播图包含与翻页效果一一对应的多种翻页方法，每种所述翻页方法单独封装在独立的类中；

所述根据所述目标翻页效果确定所述轮播图的目标翻页方法，包括：在所述轮播图的多种所述翻页方法中查找所述目标翻页效果对应的翻页方法，将查找到的翻页方法确定为目标翻页方法。

结合第一方面的第三种可能的实施方式，本发明实施例提供了第一方面的第四种可能的实施方式，其中，所述方法还包括：当未在多种所述翻页方法中查找到所述目标翻页效果对应的翻页方法时，显示错误提示信息，以提示所述用户重新选取所述轮播图的翻页效果。

结合上述第一方面及其任一种可能的实施方式，本发明实施例提供了第一方面的第五种可能的实施方式，其中，所述目标翻页效果包括默认效果、淡入淡出效果、左右切换效果、上下切换效果、滑动效果、缩放效果、擦除效果、随机线条效果、旋转效果或百叶窗效果。

第二方面，本发明实施例还提供一种轮播图翻页效果的设置装置，所述装置包括：获取模块，用于获取用户选取的轮播图的目标翻页效果；确定模块，用于根据所述目标翻页效果确定所述轮播图的目标翻页方法；替换模块，用于将所述轮播图的当前翻页方法替换为所述目标翻页方法，以使所述轮播图按照所述目标翻页方法展示出所述目标翻页效果。

结合第二方面，本发明实施例提供了第二方面的第一种可能的实施方式，其中，所述获取模块包括：接收单元，用于接收用户触发的效果设置请求；确定单元，用于根据所述效果设置请求中的属性信息，确定所述用户选取的轮播图的目标翻页效果。

第三方面，本发明实施例还提供一种电子设备，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面及其任一种可能的实施方式所述的方法。

第四方面，本发明实施例还提供一种具有处理器可执行的非易失的程序代码的计算机可读介质，所述程序代码使所述处理器执行所述第一方面及其任一种可能的实施方式所述方法。

本发明实施例带来了以下有益效果：

本发明实施例中，先获取用户选取的轮播图的目标翻页效果，再根据该目标翻页效果确定轮播图的目标翻页方法，最后将该轮播图的当前翻页方法替换为该目标翻页方法，这样就可以使该轮播图按照目标翻页方法展示出目标翻页效果。应用本发明实施例提供的轮播图翻页效果的设置方法、装置及电子设备，用户可以个性化设置轮播图的翻页效果，且在设置翻页效果时不需要手动修改代码，操作简单方便，因而提高了设置轮播图翻页效果的灵活性，提高了用户体验度。

本发明的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的轮播图翻页效果的设置方法的流程示意图；

图2为本发明实施例提供的轮播图翻页效果的设置装置的结构示意图；

图3为本发明实施例提供的轮播图翻页效果的设置装置中获取模块的单元组成示意图；

图4为本发明实施例提供的电子设备的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

目前轮播图的展示方式比较单一，用户无法灵活地设置轮播图的翻页效果，用户体验较差。基于此，本发明实施例提供了一种轮播图翻页效果的设置方法、装置及电子设备，可以提高设置轮播图翻页效果的灵活性，提高用户体验度。

为便于对本实施例进行理解，首先对本发明实施例所公开的一种轮播图翻页效果的设置方法进行详细介绍。

实施例一：

本发明实施例中的轮播图的结构包括Html(Hyper Text Markup Language，超级文本标记语言)布局、Css修饰和Js(javascript，脚本语言)效果。具体地，Html布局为：首先父容器container存放所有内容，子容器list存在图片，子容器buttons存放按钮小圆点。Css修饰为：(1)对盒子模型，文档流的理解，绝对定位问题；(2)注意list的“overflow：hidden；”只显示窗口的一张图片，将左右两边的都隐藏起来；(3)确保buttons中每个容器标签span所在层置顶，将其设置为最顶端。Js效果为：图片li相对ul定位、定时切换、用jQuery的hide隐藏当前active图片，show显示next下一张图片(hide和show均对应默认效果)，若下一张图片不存在，则重新显示li:first第一张图片。

图1为本发明实施例提供的轮播图翻页效果的设置方法的流程示意图，如图1所示，该方法包括以下几个步骤：

步骤S102，获取用户选取的轮播图的目标翻页效果。

目标翻页效果包括默认效果、淡入淡出效果、左右切换效果、上下切换效果、滑动效果、缩放效果、擦除效果、随机线条效果、旋转效果或百叶窗效果等，这里对此不作限定。

在一个可能的实施方式中，用户可以一键设置轮播图的翻页效果，对应地，上述步骤S102具体如下：接收用户触发的效果设置请求；根据该效果设置请求中的属性信息，确定用户选取的轮播图的目标翻页效果。属性信息可以为与每种翻页效果一一对应的变量，例如变量1对应默认效果，变量2对应淡入淡出效果，变量3对应左右切换效果等；若效果设置请求中的属性信息为变量2，则确定目标翻页效果为淡入淡出效果。

在另一个可能的实施方式中，用户可以预先设置好时间与翻页效果的对应规则，根据该对应规则可以自动确定轮播图的目标翻页效果，进而自动完成轮播图翻页效果的设置。对应地，上述步骤S102具体如下：根据用户预先设置的时间与翻页效果的对应规则，判断是否需要对轮播图进行翻页效果的更换操作；如果是，根据该对应规则确定轮播图的目标翻页效果。例如，时间与翻页效果的对应规则可以为周一采用默认效果，周二采用淡入淡出效果，周三采用左右切换效果等；若当前时间为周二，且当前翻页效果为默认效果，则判断结果为需要对轮播图进行翻页效果的更换操作，并确定目标翻页效果为淡入淡出效果。又如，时间与翻页效果的对应规则也可以为每日0：00-7：59采用默认效果，8：00-11：59采用淡入淡出效果，12：00-19：59采用左右切换效果，20：00-23：59采用滑动效果等，这里对时间与翻页效果的对应规则不作限定。

步骤S104，根据上述目标翻页效果确定轮播图的目标翻页方法。

本发明实施例中的轮播图包含与翻页效果一一对应的多种翻页方法，每种翻页方法单独封装在独立的类中。用户可以设置轮播图的展示方式，也即可以从多种翻页方法中自定义选择一种特定的翻页方法，使轮播图展示出对应的翻页效果。对应地，上述步骤S104具体为：在上述轮播图的多种翻页方法中查找上述目标翻页效果对应的翻页方法，并将查找到的翻页方法确定为目标翻页方法。

考虑到可能由于某些错误操作，导致不存在或者无法找到与目标翻页效果对应的翻页方法，上述方法还包括：当未在多种翻页方法中查找到目标翻页效果对应的翻页方法时，显示错误提示信息，以提示用户重新选取轮播图的翻页效果。之后重新执行上述步骤S102。该错误提示信息可以为“淡入淡出效果缺失，请选择其他翻页效果”，这里对错误提示信息的具体内容不作限定。

步骤S106，将上述轮播图的当前翻页方法替换为上述目标翻页方法，以使该轮播图按照目标翻页方法展示出目标翻页效果。

具体地，轮播图的翻页方法分为进入方法和退出方法两部分，则当前翻页方法包括当前进入方法和当前退出方法，目标翻页方法包括目标进入方法和目标退出方法，上述步骤S106具体为：将轮播图的当前进入方法替换为目标进入方法，将轮播图的当前退出方法替换为目标退出方法。例如，如果需要jQuery提供淡入淡出效果(用淡入淡出效果替换默认效果)，可以用对应淡入淡出效果的fadeIn取代对应默认效果的show，用对应淡入淡出效果的fadeOut取代对应默认效果的hide；如果需要jQuery提供滑动效果(用滑动效果替换默认效果)，可以用对应滑动效果的slideDown取代对应默认效果的show，用对应滑动效果的slideUp取代对应默认效果的hide等。这样该轮播图就可以按照目标翻页方法展示出目标翻页效果。

使用目标翻页方法进行轮播图展示的具体过程与现有技术相同，例如：将第一张图片克隆一份插入到最后面(或者将最后一张图片克隆一份插入到最前面)，设置一个初始的变量为0；点击上一页/下一页的按钮时候，变量对应的+1/-1，并根据变量判断是否到达第一页或者最后一页，如果是，用克隆的最后一张图片(或者克隆的第一张图片)替换当前图片，来实现无缝连接效果。这里对使用目标翻页方法进行轮播图展示的具体过程不作限定。

本发明实施例中，先获取用户选取的轮播图的目标翻页效果，再根据该目标翻页效果确定轮播图的目标翻页方法，最后将该轮播图的当前翻页方法替换为该目标翻页方法，这样就可以使该轮播图按照目标翻页方法展示出目标翻页效果。应用本发明实施例提供的轮播图翻页效果的设置方法，用户可以个性化设置轮播图的翻页效果，且在设置翻页效果时不需要手动修改代码，操作简单方便，因而提高了设置轮播图翻页效果的灵活性，提高了用户体验度。

实施例二：

对应于上述实施例一的方法，本发明实施例还提供一种轮播图翻页效果的设置装置，如图2所示，该装置包括：

获取模块22，用于获取用户选取的轮播图的目标翻页效果；

确定模块24，用于根据目标翻页效果确定轮播图的目标翻页方法；

替换模块26，用于将轮播图的当前翻页方法替换为目标翻页方法，以使轮播图按照目标翻页方法展示出目标翻页效果。

图3为本发明实施例提供的轮播图翻页效果的设置装置中获取模块的单元组成示意图，如图3所示，在一个可能的实施方式中，获取模块22包括：接收单元32，用于接收用户触发的效果设置请求；确定单元34，用于根据效果设置请求中的属性信息，确定用户选取的轮播图的目标翻页效果。

在另一个可能的实施方式中，获取模块22具体用于：根据用户预先设置的时间与翻页效果的对应规则，判断是否需要对轮播图进行翻页效果的更换操作；如果是，根据该对应规则确定轮播图的目标翻页效果。

本发明实施例中，先获取用户选取的轮播图的目标翻页效果，再根据该目标翻页效果确定轮播图的目标翻页方法，最后将该轮播图的当前翻页方法替换为该目标翻页方法，这样就可以使该轮播图按照目标翻页方法展示出目标翻页效果。应用本发明实施例提供的轮播图翻页效果的设置装置，用户可以个性化设置轮播图的翻页效果，且在设置翻页效果时不需要手动修改代码，操作简单方便，因而提高了设置轮播图翻页效果的灵活性，提高了用户体验度。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

实施例三：

参见图4，本发明实施例还提供一种电子设备100，包括：处理器40，存储器41，总线42和通信接口43，所述处理器40、通信接口43和存储器41通过总线42连接；处理器40用于执行存储器41中存储的可执行模块，例如计算机程序。

其中，存储器41可能包含高速随机存取存储器(RAM，Random Access Memory)，也可能还包括非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。通过至少一个通信接口43(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网，广域网，本地网，城域网等。

总线42可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图4中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

其中，存储器41用于存储程序401，所述处理器40在接收到执行指令后，执行所述程序401，前述本发明实施例任一实施例揭示的流过程定义的装置所执行的方法可以应用于处理器40中，或者由处理器40实现。

处理器40可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器40中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器40可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(Digital SignalProcessing，简称DSP)、专用集成电路(Application Specific Integrated Circuit，简称ASIC)、现成可编程门阵列(Field-Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器41，处理器40读取存储器41中的信息，结合其硬件完成上述方法的步骤。

本发明实施例提供的轮播图翻页效果的设置装置及电子设备，与上述实施例提供的轮播图翻页效果的设置方法具有相同的技术特征，所以也能解决相同的技术问题，达到相同的技术效果。

附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

本发明实施例所提供的进行轮播图翻页效果的设置方法的计算机程序产品，包括存储了处理器可执行的非易失的程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行前面方法实施例中所述的方法，具体实现可参见方法实施例，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的方法、装置及电子设备，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上所述实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (10)

1.一种轮播图翻页效果的设置方法，其特征在于，所述方法包括：

获取用户选取的轮播图的目标翻页效果；

根据所述目标翻页效果确定所述轮播图的目标翻页方法；

将所述轮播图的当前翻页方法替换为所述目标翻页方法，以使所述轮播图按照所述目标翻页方法展示出所述目标翻页效果。

2.根据权利要求1所述的方法，其特征在于，所述获取用户选取的轮播图的目标翻页效果，包括：

接收用户触发的效果设置请求；

根据所述效果设置请求中的属性信息，确定所述用户选取的轮播图的目标翻页效果。

3.根据权利要求1所述的方法，其特征在于，所述获取用户选取的轮播图的目标翻页效果，包括：

根据用户预先设置的时间与翻页效果的对应规则，判断是否需要对轮播图进行翻页效果的更换操作；

如果是，根据所述对应规则确定所述轮播图的目标翻页效果。

4.根据权利要求1所述的方法，其特征在于，所述轮播图包含与翻页效果一一对应的多种翻页方法，每种所述翻页方法单独封装在独立的类中；

所述根据所述目标翻页效果确定所述轮播图的目标翻页方法，包括：

在所述轮播图的多种所述翻页方法中查找所述目标翻页效果对应的翻页方法，将查找到的翻页方法确定为目标翻页方法。

5.根据权利要求4所述的方法，其特征在于，所述方法还包括：

当未在多种所述翻页方法中查找到所述目标翻页效果对应的翻页方法时，显示错误提示信息，以提示所述用户重新选取所述轮播图的翻页效果。

6.根据权利要求1至5中任一项所述的方法，其特征在于，所述目标翻页效果包括默认效果、淡入淡出效果、左右切换效果、上下切换效果、滑动效果、缩放效果、擦除效果、随机线条效果、旋转效果或百叶窗效果。

7.一种轮播图翻页效果的设置装置，其特征在于，所述装置包括：

获取模块，用于获取用户选取的轮播图的目标翻页效果；

确定模块，用于根据所述目标翻页效果确定所述轮播图的目标翻页方法；

替换模块，用于将所述轮播图的当前翻页方法替换为所述目标翻页方法，以使所述轮播图按照所述目标翻页方法展示出所述目标翻页效果。

8.根据权利要求7所述的装置，其特征在于，所述获取模块包括：

接收单元，用于接收用户触发的效果设置请求；

确定单元，用于根据所述效果设置请求中的属性信息，确定所述用户选取的轮播图的目标翻页效果。

9.一种电子设备，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现上述权利要求1至6中任一项所述的方法。

10.一种具有处理器可执行的非易失的程序代码的计算机可读介质，其特征在于，所述程序代码使所述处理器执行所述权利要求1至6中任一所述方法。