Android WebView Not Loading Images

Issue

<div id="gallery-40" class="gallery galleryid-28208 gallery-columns-2 gallery-size-full">
   <dl class="gallery-item"> 
    <dt class="gallery-icon landscape"> 
     <a href="http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390.jpg"><img width="1624" height="1080" src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-lazy-src="http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390.jpg" class="attachment-full size-full" alt="androidkosmos_Xiaomi_Max_2390" data-lazy-srcset="http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390.jpg 1624w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390-300x200.jpg 300w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390-1024x681.jpg 1024w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390-810x539.jpg 810w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390-50x33.jpg 50w" data-lazy-sizes="(max-width: 1624px) 100vw, 1624px" />
      <noscript>
       <img width="1624" height="1080" src="http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390.jpg" class="attachment-full size-full" alt="androidkosmos_Xiaomi_Max_2390" srcset="http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390.jpg 1624w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390-300x200.jpg 300w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390-1024x681.jpg 1024w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390-810x539.jpg 810w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2390-50x33.jpg 50w" sizes="(max-width: 1624px) 100vw, 1624px" />
      </noscript></a> 
    </dt>
   </dl>
   <dl class="gallery-item"> 
    <dt class="gallery-icon landscape"> 
     <a href="http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396.jpg"><img width="1624" height="1080" src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-lazy-src="http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396.jpg" class="attachment-full size-full" alt="androidkosmos_Xiaomi_Max_2396" data-lazy-srcset="http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396.jpg 1624w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396-300x200.jpg 300w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396-1024x681.jpg 1024w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396-810x539.jpg 810w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396-50x33.jpg 50w" data-lazy-sizes="(max-width: 1624px) 100vw, 1624px" />
      <noscript>
       <img width="1624" height="1080" src="http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396.jpg" class="attachment-full size-full" alt="androidkosmos_Xiaomi_Max_2396" srcset="http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396.jpg 1624w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396-300x200.jpg 300w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396-1024x681.jpg 1024w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396-810x539.jpg 810w, http://cdn.androidkosmos.de/wp-content/uploads/2016/07/androidkosmos_Xiaomi_Max_2396-50x33.jpg 50w" sizes="(max-width: 1624px) 100vw, 1624px" />
      </noscript></a> 
    </dt>
   </dl>
   <br style="clear: both" /> 
  </div> 

when i load this data into an android WebView it is not displaying images the content is from wordpress site i used json api to get the data

Solution

You are trying to load a bunch of huge images: img width="1624" height="1080".
It seems a bit extreme, to me.

I'd divide both dimensions by 4, to start with something reasonable.
Then maybe tweak them more.

Aans also try removing all the <noscript /> tags (or at least one, for testing purposes).
It seems you need to execute some server script for displaying the images.

Answered By - Phantômaxx