WordPressのカスタムフィールドで挿入した複数画像をそれぞれ拡大表示させたい

Question

###前提・実現したいこと
WordPressのカスタムフィールド（プラグイン「Smart Custom Fields」を使用）で、複数の画像をサムネイル表示して、その画像をクリックすると拡大画像が現れるようにしたいのですが、1つ目の画像はうまく拡大表示されますが、2つ目以降はサムネイル画像が正しく表示されているにも関わらず、1つ目の拡大画像が表示されてしまいます。
また、「画像説明文」もそれぞれ正しく表示されています。
何がいけないのか、ご指南いただければ幸いです。よろしくお願いいたします。

###該当のソースコード

<div class="imgGroup">
<?php
//画像グループ表示
$field_group = SCF::get ('cf_image-group');
foreach ($field_group as $fields) {
?>
		
<?php
//サムネイル画像と拡大画像の表示
if(get_post_meta($post->ID, 'cf_photo', true)): ?>
<a href="<?php $Image = wp_get_attachment_image_src(get_post_meta($post->ID, 'cf_photo', true), 'full'); echo $Image[0]; ?>" class="lightbox">
<?php echo wp_get_attachment_image($fields['cf_photo'],'thumbnailMidium'); ?></a>
<?php else : ?>
<?php endif; ?>

		
<p class="photoDescription">
<?php
//画像説明文出力
echo esc_html ($fields['cf_photo-description']);
?>
</p>

<?php } ?>
</div><!-- // .imgGroup end -->

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[CrossingPercell]

当サイト初心者ですみません。ソースコードを<code>ボタンで指定しました。

Answer 1

こうではないでしょうか。

// wp_get_attachment_image_src(get_post_meta($post->ID, 'cf_photo', true), 'full')
// ↓
   wp_get_attachment_image_src($fields['cf_photo'], 'full')

Comments

[CrossingPercell]

ありがとうございます！！！
うまくいきました！助かりました！
これからもよろしくお願いいたしますwww m(_ _)m