title: Revolution Slider - Lazyload Images for mobile
body: <p><strong>Problem:</strong> Images become blurry when document width is shrunk because they are too large.</p>
  
  <p>Im trying to lazyload a specific image when the window width is at a value that I have specified. The images are 2560px wide by default.</p>
  
  <p>I am using the latest Revolution Slider and the latest Wordpress version. Images are in .jpg format as they are the smallest. Images MUST be Lazy-loaded because there are 4 different sets of media queries. </p>
  
  <p>The slider has 6 slides and each need an additional 3 or 4 images that will be swapped out depending on the size of the window.</p>
  
  <p>I have read the Slider Revolution Docs but there is no example for my current situation and does not include enough of a technical explanation for me to get an idea of where to start.</p>
  
  <p><strong>My thinking:</strong>
  Load the images using the built in Lazy load function with the 'data-lazyload' attribute, but how would i load multiple images in a single attribute?</p>
  
  <p>Any help would be greatly appreciated.</p>