Im currently in the process of make a responsive website and would like to use the Cycle2 jQuery plugin (http://jquery.malsup.com/cycle2/
) for a slideshow only if the screen width is below 768px.
My first thought would be to add the 'cycle-slideshow' class to the object and the HTML5 data attributes (i.e. data-cycle-speed="1500") when the screen size goes under 768px then remove the class and stop the slideshow (and restyle) when over 768px. The jQuery would need to detect the screen size on page load too and apply/remove the class if over/under 768px.
Could someone help with this? Im not sure where to start and not an expert in jQuery.
We are using jQuery v1.7.2 as well.