title: Colorbox Loaded - But Image is Not Shown
body: <p>I have got a simple HTML  tag like follows:</p>
  
  <pre><code>&lt;a class="button2"&gt;&lt;img src="assets/img/slider/Bicycle.jpg"  alt="Feature-img" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>My Script is as follows:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="assets/css/colorbox.css" type="text/css"/&gt; 
  &lt;script src="assets/js/jquery.colorbox-min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
       jQuery(document).ready(function () {                    
          jQuery('a.button2').colorbox({rel:'button2'});               
              });
      &lt;/script&gt;
  </code></pre>
  
  <p>As far as the download is concerned, I extracted it into the folder with the rest of my website files. While I Inspect in my chrome, It does not shown me any errors/bugs in the '<code>console</code>'. </p>
  
  <p>My Colorbox is Working, But the Image is Not Loaded. Can Anyone trigger my mind..I am hanged!
  <a href="https://i.stack.imgur.com/8Fd4R.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8Fd4R.png" alt="The Image is waiting to be loaded, and not loaded at all"></a></p>