title: Lightbox 2 will not display image
body: <p>I have tried to implement the latest version of Lightbox as of 30 June 2015.  I have loaded the js files (jquery.min.js and lightbox.js in that order).  I also have added the css line to my head section as well.  I have even tried loading lightbox.min.js</p>
  
  <p>I have added the data-lightbox attribute to the image ink.  When I click on the link to show the image, all that happens is I go to the image itself.  It is like I opened the image from my local machine in a browser.  No lightbox effect or features at all.</p>
  
  <p>The page in question can be seen at <a href="http://www.kilajager.com/new/bs.php" rel="nofollow">http://www.kilajager.com/new/bs.php</a></p>
  
  <p>The 5 images side by side at the top are my links to the full image.</p>
  
  <p>Below are snippets of the code:</p>
  
  <pre><code>&lt;head&gt;
  &lt;title&gt;Kila Jager Modeling Portfolio | Portfolio&lt;/title&gt;
  &lt;link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"&gt;
  &lt;link href="css/style.css" rel="stylesheet" type="text/css" media="all"&gt;
  &lt;link href="css/lightbox.css" rel="stylesheet" type="text/css" media="all"&gt;
  &lt;script type="application/x-javascript"&gt; addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } &lt;/script&gt;
  &lt;link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'&gt;
  &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/lightbox.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;a href="images/bs02.jpg" class="b-link-stripe b-animate-go  thickbox play-icon" data-lightbox="bonnie" data-title="Image 02"&gt;
    &lt;img src="images/bsslid2.png" class="img-responsive" alt="" /&gt;
  &lt;/a&gt;
  </code></pre>