使用Jquery Cycle2可以为手机定义不同的幻灯片效果吗？

我有一个非常好的响应幻灯片，使用非常好的jQuery Cycle2插件。

现在，在桌面使用的情况下，我想使用一个微妙的淡入淡出效果。我通过在container div上设置以下属性来实现这一点：

<div class="cycle-slideshow" data-cycle-slides=".slide" data-cycle-swipe="true" data-cycle-pause-on-hover="true" data-cycle-auto-height="container" data-cycle-fx="fade">

但在移动设备上，由于我的滑块已启用滑动功能，我希望使用

scrollHorz

（水平滚动），因为这样在滑动时更有意义

这可能吗？以下是API参考的链接：

---

提前感谢。

由于HTML标记

data cycle fx

应该在初始化jQuery cycle之前设置，并且我正在使用PHP，因此我考虑确定用户设备服务器端

我发现

$\u SERVER['HTTP\u USER\u AGENT']

相当可靠（我听说它不是100%万无一失，但在我的情况下，这不是问题）

我根据下面的示例创建了一个函数： （希望这不会太耗费资源）

然后，在我的滑块HTML中，我执行以下构造：

echo '<div class="cycle-slideshow" data-cycle-slides=".slide"  data-cycle-fx="'.( is_mobile() ? 'scrollHorz' : 'fade' ).'">';

echo'；

这似乎对我有用。我有兴趣看到其他例子或更好的做法

echo '<div class="cycle-slideshow" data-cycle-slides=".slide"  data-cycle-fx="'.( is_mobile() ? 'scrollHorz' : 'fade' ).'">';