Lightboxes doesn't work at all
<p>I try to include a lightbox on my site hosted locally on a virtual machine.</p>

<p>But no matter how I'm struggling, even by retrieving codes that work on the web, no one works for me.</p>

<p>I tested :</p>

<ul>
<li>Lightbox V2  </li>
<li>Fancybox</li>
<li>iLightBox</li>
</ul>

<p>I even tested while local directly without going through an Apache server, but nothing works. I'm completely lost...</p>

<p>In case, one of the HTML tested, found <a href="https://stackoverflow.com/a/32832411/6408349" title="here">here</a> (Lightbox V2) :</p>

<pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt; &lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.1/js/lightbox.min.js"&gt; &lt;/script&gt;
&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.1/css/lightbox.min.css" rel="stylesheet" /&gt;
&lt;ul&gt;
  &lt;li&gt;
    &lt;a href="https://s-media-cache-ak0.pinimg.com/236x/d7/24/f9/d724f9e2e1a300dbdcb11b1d0491c884.jpg" data-lightbox="panda"&gt;Cute baby panda&lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;a href="https://s-media-cache-ak0.pinimg.com/236x/25/17/52/2517525a674d91b127938e55a72f0f12.jpg" data-lightbox="panda"&gt;Another&lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;a href="http://i.ytimg.com/vi/qfsRZsvraD8/hqdefault.jpg" data-lightbox="panda"&gt;Last one&lt;/a&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Doesn't work at all on a file like <code>test.html</code>. 
Some jQuery scripts that I already use (such for tabs) work, but not for the lightbox.</p>

<p>This is what I'm getting in Chrome's console : <code>Resource interpreted as Document but transferred with MIME type image/jpeg</code>. Nothing in Firefox's console and even Firebug.</p>

<p>Thanks for your help.</p>

<hr>

<h2>Update</h2>

<p>This is the full HTML :</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
        &lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="plugins/lightbox/js/lightbox.js"&gt;&lt;/script&gt;
        &lt;title&gt;Test&lt;/title&gt;
        &lt;link href="plugins/lightbox/css/lightbox.css" rel="stylesheet"&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;ul&gt;
            &lt;li&gt;
                &lt;a href="https://s-media-cache-ak0.pinimg.com/236x/d7/24/f9/d724f9e2e1a300dbdcb11b1d0491c884.jpg" data-lightbox="panda"&gt;Cute baby panda&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;a href="https://s-media-cache-ak0.pinimg.com/236x/25/17/52/2517525a674d91b127938e55a72f0f12.jpg" data-lightbox="panda"&gt;Another&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;a href="http://i.ytimg.com/vi/qfsRZsvraD8/hqdefault.jpg" data-lightbox="panda"&gt;Last one&lt;/a&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<hr>

<h2>Update</h2>

<p>Solved, thanks to helpers :)</p>