title: Advanced Custom Fields Gallery Field Image Not Showing
body: <p>I am using Advanced Custom Fields with the Gallery Field add-on and Fancybox. If the viewer clicks on a thumbnail, a Fancybox slideshow is supposed to pop up. The problem is, the thumbnail is not showing up. When I inspect the element, the img size is 0x0 for some reason.</p>
  
  <p>Here's my code:</p>
  
  <pre><code> &lt;div id="post-img"&gt;    
          &lt;?php 
          $images = get_field('gallery'); 
          $image_1 = $images[0]; 
          ?&gt;    
           &lt;?php foreach( $images as $image ): ?&gt;
  
          &lt;a href="&lt;?php echo $image['url']; ?&gt;" rel="fancybox"&gt;  
              &lt;h5&gt;view images&lt;/h5&gt;&lt;img src="&lt;?php echo $image_1['url']; ?&gt;"/&gt;
          &lt;/a&gt;
          &lt;?php endforeach; ?&gt;
      &lt;/div&gt;&lt;!-- #post-img --&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#post-img {
  float:left;
  margin-bottom:0;
  padding-top:10px;
  padding-bottom:0;
  }
  
  #post-img a {
  display:none;
  }
  
  #post-img img {
  display:none;
  width:200px;
  height:auto;
  }
  
  #post-img a:first-of-type img{
  display:block;
  }
  </code></pre>