Smart Custom Fieldsで画像をギャラリー表示させたい

Smart Custom Fieldsで下記の項目を作りました。
(1) 項目＝photo（画像）
(2) 項目＝photo-g（画像）/繰り返しグループ名＝photo-group

この画像を使って、大きい画像１つの下に小さいサムネイル画像を繰り返しの数だけ配置し、サムネイル画像をクリックするとクリックした画像が大きい画像の場所に表示される、というギャラリーを作成しようと下記(※B)記述しました。（(小さいサムネイル画像)は表示され、長くなるので(※B)では記述を省略しています）

（ギャラリー表示参考サイト※A
http://www.red.oit-net.jp/tatsuya/java/image3.htm）

しかし、ページ表示時に、小さいサムネイル画像は表示されるのですが、大きい画像が表示されません。サムネイル画像を一度クリックすると、大きい画像も表示されるのですが。

下記(※B)の<!–大きい画像–>〜<!—大きい画像ここまで–>
の記述がおかしいのだと思います。

<?php
$image = get_post_meta($post->ID, ‘photo’, true);
echo wp_get_attachment_image($image, ‘medium’);
?>

とすれば表示されるのですが、これだと name=“myBigImage” という１文が入らず、※Aの様なギャラリー表示になりません。
Smart Custom Fieldsから画像を取ってくる記述に　 name=“myBigImage” を入れる方法が分かりません。

現在、大きい画像は項目”photo”から取ってくるようにしていますが、出来るならば繰り返しグループ”photo-group”の１つ目の項目”photo-g”から取ってきたいのですが繰り返しの１つ目、という指定方法も分かりません。
“photo”からでも” photo-g”からでもよいのですが、最初から大きい画像を表示するにはどう連ればよいのか教えて下さい。

(※B)
<table class=”work_gyaraly”>
<!—大きい画像–>
<?php
$size = “medium”; // (thumbnail, medium, large, full or custom size)
$image = wp_get_attachment_image_src( $fields[‘photo’], $size );
$alt = get_post_meta($fields[‘photo’], ‘_wp_attachment_image_alt’, true);
$image_title = $fields[‘photo’]->post_title;
?>
<tr>
<td colspan=”7″ class=”work_bigimage”>
<IMG src=”<?php echo $image[0]; ?>” name=”myBigImage”>
</td>
</tr>
<!—大きい画像ここまで–>

<!—小さいサムネイル画像–>
<tr>
<td >
</td>
</tr>
</table >

自力では解決できず、よろしくお願いいたします。