特定のポストタイプに属する記事一覧にカスタムフィールドの画像を表示

たびたび申し訳ありません…一番最初に書いたコードで表示が行えました (´；ω；`)
Advanced Custom Fieldsの設定をいじっている間に、登録していた画像が設定から外れていたようです。
お騒がせいたしました。
pluto1234さん、誠にありがとうございました！

一応コードを置いておきますので、どなたかの参考になれば幸いです。

<?php
$args = array(
	'post_type' => 'article',
	'showposts' => 4,
	);
?>
<?php $the_query = new WP_Query( $args ); ?>
<?php if($the_query->have_posts()): ?>
	<ul class="newlistDouble">
	<?php if ($the_query->have_posts()):while($the_query->have_posts()):$the_query->the_post(); ?>

<li><a>">
	<?php if( get_field('top_banner_img') ): ?>
	<?php
		$attachment_id = get_field('top_banner_img');
		$size = "full"; // (thumbnail, medium, large, full or custom size)
		$image = wp_get_attachment_image_src( $attachment_id, $size );
		$attachment = get_post( get_field('top_banner_img') );
		$alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
		$image_title = $attachment->post_title;
	?>
	<img src="<?php echo $image[0]; ?>" alt="<?php echo $alt; ?>" title="<?php echo $image_title; ?>" />
	<?php else : ?>
	<?php the_post_thumbnail(array(115,115)); ?>
	<?php endif; ?>

	</a><span><a>"><?php echo mb_substr($post->post_title, 0, 25).'...'; ?></a></span><?php echo mb_substr(get_the_excerpt(), 0, 50).'...'; ?></li>
	<?php endwhile; endif; ?>
<?php endif; ?>
<?php wp_reset_query(); ?>

何度もすみません、ご丁寧にありがとうございます！
ミスが多すぎて大変お恥ずかしいです…

厚かましくもさらにお尋ねさせていただきたいのですが、

※追加：get_field(‘top_banner_img’) を何度も呼び出していますが、１回呼び出せばいいはずです。

は以下のように変数に置き換えれば良い。という意味合いでしょうか？（以下でも動作しました）
もしよろしければご回答頂ければ幸いです。

<?php
	$args = array(
		'post_type' => 'article',
		'showposts' => 4,
		);
	?>
	<?php $the_query = new WP_Query( $args ); ?>
	<?php if($the_query->have_posts()): ?>
	<ul class="newlistDouble">
	<?php while($the_query->have_posts()):$the_query->the_post(); ?>
	<li><a href="<?php the_permalink(); ?>">
	<?php if( $attachment_id = get_field('top_banner_img') ): ?>
	<?php
		$attachment = get_post( $attachment_id );
		$size = "full"; // (thumbnail, medium, large, full or custom size)
		$image = wp_get_attachment_image_src( $attachment_id, $size );
		$alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
		$image_title = $attachment->post_title;
	?>
	<img src="<?php echo $image[0]; ?>" alt="<?php echo $alt; ?>" title="<?php echo $image_title; ?>" />
	<?php else : ?>
	<?php the_post_thumbnail(array(115,115)); ?>
	<?php endif; ?>

	</a><span><a href="<?php the_permalink(); ?>"><?php echo mb_substr($post->post_title, 0, 25).'...'; ?></a></span><?php echo mb_substr(get_the_excerpt(), 0, 50).'...'; ?></li>
	<?php endwhile;  ?>
        </ul>
	<?php endif; ?>
	<?php wp_reset_postdata(); ?>

ご回答ありがとうございます！

なるほど、パフォーマンスの上で変わってくるのですね。
考えがそこまで至っていなかったので、とても勉強になりました。
これを機に、もう一歩踏み込んでphpを学びたいと思います。

この度は貴重な時間を割いて頂き、まことにありがとうございました。