PHPをHTMLのポップアップ機能と併用すると変数が反映されない

Question

PHPでimagesフォルダ内の画像をforeachで繰り返し並べて、クリックすると同じ画像がポップアップするようにしたいのですが、ポップアップとして表示される部分で変数が反映されません。

<?php 
      $targetDir="./postedimages";
      $imageFiles = glob($targetDir. DIRECTORY_SEPARATOR . "*.png");    

          foreach($imageFiles as $i){
            ?>
            <label class="open" for="pop-up">
               <?php 
                  printf("<img src='%s' class='clickimg'>",$i); //ファイル名が反映される
               
               ?>
            </label>
               <input type="checkbox" id="pop-up">
               <div class="overlay">
                  <div class="window">
                     <label class="close" for="pop-up">×</label>
                     <div>
                        <?php
                        printf("<div><p class='text'><img src='$i' class='popimage'></p></div>"); //反映されない 
                        ?>  
                     </div>  
                        ポップアップ時のテキスト
                  </div>
               </div>
            <?php

         }
      ?>

.open {
  cursor: pointer; 
}
#pop-up {
  display: none; 
}
.overlay {
  display: none; 
}
#pop-up:checked + .overlay {
  display: block;
  z-index: 9999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.window {
  width: 70%;
  max-width: 500px;
  height: 70%;
  background-color: #ffffff;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.text {
  font-size: 18px;
  margin: 0;
}
.close {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 20px;
}

.popimage {
  width: 70%;

  height: 70%;
}

初心者ですので初歩的なミスかもしれませんが、教えていただけると幸いです。

追記：HMMLを実際に描きたいコードのみにして、CSSも書き出しました
例えばimagesフォルダ内に「a.png,b.png,c.png,d.png」の順に画像ファイルがあったとして、ページ内ではa.pngからd.pngまで順に表示されるのに対し、ポップアップを見るとどの画像をクリックしてもa.pngが表示されてしまうといった状況です。
id="pop-up"が一度しか使えないのに複数回使用していることが原因でしょうか
しかしclass="pop-up"としてcss内の#pop-upも.pop-upに変更したところ、ポップアップ自体が出なくなってしまいます。
javascriptは使用していません

Comments

[m.ts10806]

コード内に全角スペースが入っていてそこでエラーになります。
なるべくご配慮いただけたらと。
あと　$y　未定義のまま使われてます。
「検証コード」と「実コード」はわけられた方が良いです。

Answer 1

手元で試したところちゃんと出てるように見えます。

下記のようにして

                           printf("<div>$i 1</div>"); //反映されない
                           printf("<div>$x 2</div>"); //反映される時点で別変数$x=$iをしたが反映されない
                           printf("<div>$y 3</div>"); //反映されない時点の行で$y=$iをしても同様に反映されない

下記のように画面上に出ていますので間違いありません。

./images\a.png 1
2

Notice: Undefined variable: y in xxx.php on line xx
3

「反映されない」「表示されない」が何のことか分かりませんが、
「ポップアップが動かない」とするとおそらく下記が原因です（どのようにポップアップを組んでいるか提示のコードだけでは分かりませんが）。

HTMLのルールとして、同ページ内にIDは重複できません。
特にJavaScriptはその影響を受けます。
IDはその名の通り「一意であること」が保証されている要素です。
繰り返し表示される要素なのでしたらインデックスを付けるようにしてください。

Comments

[bajapan]

反映されないというのは、例えばimagesフォルダ内に「a.png,b.png,c.png,d.png」の順に画像ファイルがあったとして、ページ内ではa.pngからd.pngまで順に表示されるのに対し、ポップアップを見るとどの画像をクリックしてもa.pngが表示されてしまうといった状況です。
id="pop-up"が一度しか使えないのに複数回使用していることが原因でしょうか
しかしclass="pop-up"としてcss内の#pop-upも.pop-upに変更したところ、ポップアップ自体が出なくなってしまいます。
javascriptは使用していません

[m.ts10806]

PHP使わず直にhtmlを書いて正しく動くか確認してみては。
原因はPHPを利用しているからではなく、正しく動くようなhtml,cssを出力できていないことです。