title: Using Jquery Cycle2 can I define a different slide effect for mobile?
body: <p>I have a very nice responsive slideshow going, using the very nice jQuery Cycle2 plugin.
  <a href="http://jquery.malsup.com/cycle2/" rel="nofollow">http://jquery.malsup.com/cycle2/</a></p>
  
  <p>Now, in case of desktop use, I would like to use a subtle fade effect. I do this by setting these attributes on the container div:</p>
  
  <pre><code>&lt;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"&gt;
  </code></pre>
  
  <p>But then on mobile devices, since my slider is swipe-enabled, I would like to use <code>scrollHorz</code> (horizontally scrolling), since this makes much better sense when swiping.</p>
  
  <p>Is this possible? Here's the link to the API reference:
  <a href="http://jquery.malsup.com/cycle2/api/" rel="nofollow">http://jquery.malsup.com/cycle2/api/</a></p>
  
  <p>Thanks in advance.</p>