Local images are fine in 4.4.2 but not being shown on WebView in Android 4.2.2

I have some images in my opening screen, some are on the page, some are not when I install the apk into the phone. I tried to find a solution but none worked for me. Any idea why the following scenario exists at all ?

<link rel="stylesheet" href="file:///android_asset/www/css/jquery.mobile-1.4.2.css">
<link rel="stylesheet" type="text/css" href="file:///android_asset/www/css/main.css" />
<link rel="stylesheet" href="file:///android_asset/www/css/jqm-icon-pack-fa.css" />

<script src="file:///android_asset/www/js/jquery-1.11.2.js"></script>
<script src="file:///android_asset/www/js/jquery.mobile-1.4.5.js"></script>

The weird things;

• 
  

  It works in my LG G2 (4.4.2)

  
  


• 
  

  It DOES not work in Samsung S2 (4.2.2) even though the images are in the same folder and they are all in .jpg format, the images in the first div work, the ones in the second div not working.

  
  

The working piece in the same html;

    <div data-role="header" style="padding-top:20px;">
        <center><img style="padding-bottom:10px;" src="file:///android_asset/www/images/openingPage/logo.png" />
        </center>
        <center><img style="max-width:100%;" src="file:///android_asset/www/images/openingPage/header_image.jpg" />
        </center>
    </div>

The piece that is not working at all ; (I do not see the images in the table inside the div, works in the browser, emulator, LG G2 with Android version 4.4.2 !)

<div data-role="main" class="ui-content">
            <table style="width:100%; margin-top:3%;">
                <tr>
                    <td>
                        <a href="./19.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/1.jpg" />
                            </center>
                        </a>
                    </td>
                    <td>
                        <a href="./27.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/2.jpg" />
                            </center>
                        </a>
                    </td>
                </tr>
                <tr>
                    <td style="padding-top:5%;">
                        <a href="./116.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/3.jpg" />
                            </center>
                        </a>
                    </td>
                    <td style="padding-top:5%;">
                        <a href="./132.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/4.jpg" />
                            </center>
                        </a>
                    </td>
                </tr>
            </table>
        </div>

MainActivity;

public class MainActivity extends Activity {
    private WebView mWebView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.webView1);
        // Enable Javascript
           WebSettings webSettings = mWebView.getSettings();
           webSettings.setJavaScriptEnabled(true);
           webSettings.setDomStorageEnabled(true);
           //mWebView.setWebContentsDebuggingEnabled(true);
           mWebView.getSettings().setPluginState(PluginState.ON);
           mWebView.getSettings().setAllowFileAccess(true);
           mWebView.getSettings().setAllowContentAccess(true);
           mWebView.getSettings().setAllowFileAccessFromFileURLs(true);
           mWebView.getSettings().setAllowUniversalAccessFromFileURLs(true);

           mWebView.loadUrl("file:///android_asset/www/18.html");
    }