responsive design - Using Jquery Cycle2 can I define a different slide effect for mobile? -
i have nice responsive slideshow going, using nice jquery cycle2 plugin. http://jquery.malsup.com/cycle2/ now, in case of desktop use, use subtle fade effect. setting these attributes on 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"> but on mobile devices, since slider swipe-enabled, use scrollhorz (horizontally scrolling), since makes better sense when swiping. is possible? here's link api reference: http://jquery.malsup.com/cycle2/api/ thanks in advance. since html tag data-cycle-fx should set before initializing jquery cycle, , using php, looked determining user device server side. i've found $_server['http_user_agent'] reliable (i've heard it's not 100% foolproof, in case that's not problem). i created function, example here