title: lazyloading images - noscript fallback code
body: <p>I'm loading images on my site using js library <code>jquery lazyload2</code>, to display images I use the code below:</p>
  
  <pre><code>&lt;img class="lazyload img-fluid" src="{{$product-&gt;getEncodedThumb()}}"  data-src="{{asset($product-&gt;getMainImage())}}" alt="{{$product-&gt;name}}"&gt;
  </code></pre>
  
  <p>Everything works fine so far, but I need to make the version of my site for users who don't have javascript enabled, how would I approach this? I could just replace all <code>src</code> tags on lazyloaded images with high quality images, but it would completely miss the point, as it would always download high quality images without lazyloading, how should I redesign my structure to allow for javascript lazyloading &amp; noscript standard loading? Do I need to create completely different layout for noscript users? </p>