css - 高度なカスタム フィールド ギャラリー フィールドの画像が表示されない

Question

ギャラリー フィールド アドオンと Fancybox で高度なカスタム フィールドを使用しています。視聴者がサムネイルをクリックすると、Fancybox のスライドショーがポップアップするはずです。問題は、サムネイルが表示されないことです。要素を調べると、img のサイズがなぜか 0x0 になっています。

これが私のコードです：

 <div id="post-img">    
        <?php 
        $images = get_field('gallery'); 
        $image_1 = $images[0]; 
        ?>    
         <?php foreach( $images as $image ): ?>

        <a href="<?php echo $image['url']; ?>" rel="fancybox">  
            <h5>view images</h5><img src="<?php echo $image_1['url']; ?>"/>
        </a>
        <?php endforeach; ?>
    </div><!-- #post-img -->

CSS:

#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;
}