【WordPress】カスタムフィールドに入力した画像をbgSwitcherで表示させたい

Question

前提・実現したいこと

カスタムフィールドに入力した画像をbgSwitcherで表示させたい。

発生している問題・エラーメッセージ

下記のソースコードを記述してみたところ、画像が全く表示されずうまくいきません。

該当のソースコード

<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.bgswitcher.js"></script>

<script>
jQuery(function($) {
  $('.home-img').bgSwitcher({
    images: [
      '<?php $fieldname = get_post_meta($post->ID, 'home_photo1', true); ?>
      <?php $fieldname = wp_get_attachment_image_src($fieldname, 'large'); ?>
      <img src="<?php echo $fieldname[0]; ?>">',

      '<?php $fieldname = get_post_meta($post->ID, 'home_photo2', true); ?>
      <?php $fieldname = wp_get_attachment_image_src($fieldname, 'large'); ?>
      <img src="<?php echo $fieldname[0]; ?>">'
      ],

      '<?php $fieldname = get_post_meta($post->ID, 'home_photo3', true); ?>
      <?php $fieldname = wp_get_attachment_image_src($fieldname, 'large'); ?>
      <img src="<?php echo $fieldname[0]; ?>">'
      ],
    effect: "fade",
    easing: "swing",
    interval: "2000"
  });
});
</script>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[CHERRY]

カスタムフィールドは、どのように設定していて、どのような値が入っているのでしょうか？

[Hard_worker]

Custom Field Suiteプラグインを使っております。
何か間違いがあればご教示いただけると幸いです。
ラベル：home-photo1
名前：home_photo1
フィールドタイプ：ファイルのアップロード
filetype：Any
返り値：ファイルURL