title: unable to get Lightagallery js to work: Uncaught TypeError: Cannot read property 'modules' of undefined
body: <p>i've already seen some user with the same problem:</p>
  
  <p><a href="https://stackoverflow.com/questions/33459862/lightgallery-not-working">Lightgallery not working</a></p>
  
  <p>but i still can't get it to work, here's my code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Test&lt;/title&gt;
  &lt;style type="text/css"&gt;&lt;/style&gt;
  &lt;link rel="stylesheet" href="css/style.css"&gt;
  &lt;link type="text/css" rel="stylesheet" href="css/lightGallery.css" /&gt; 
  &lt;script src="js/jquery-1.12.0.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.mousewheel.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/lg-thumbnail.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/lg-fullscreen.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $("#lightgallery").lightGallery({
      selector: '.item'});
  });
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div class="row"&gt;
  
   &lt;ul class="lightgallery" id="lightgallery"&gt;
        &lt;li a class="item" href="images/accessori1.jpg"&gt;&lt;img src="images/accessori1.jpg"&gt;&lt;/a&gt;
        &lt;/li&gt;
        &lt;li &lt;a class="item" href="images/accessori1.jpg"&gt;&lt;img src="images/accessori1.jpg"&gt;&lt;/a&gt;
      &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Can't figure out what i'm missing.</p>
  
  <p>Thanks for any help</p>