php 폴더 이미지명 매치, 반복 + 클릭하면 팝업 크게보기

<ul>
  <?php
  $cntDir = 0; //카운트 초기화
  if ($handle = opendir($_SERVER['DOCUMENT_ROOT'] . '/asset/images/rnd/patent/sort1/')) {
    while (false !== ($file_ext = readdir($handle))) {
      if ($file_ext != '.' && $file_ext != '..') {

        $fileNameNum = substr($file_ext, 0, strrpos($file_ext, ".")); //파일이름이랑 확장자 분리
        $fileName = substr(strrchr($fileNameNum, "-"), 1); //파일이름: 00-파일이름.확장자 <<숫자 뺀 진짜 이름으로 남김
        $result = str_replace('__', ':', $fileName); //파일명에서 ':'못하기 때문에 '__'로 대체했던걸 다시 변경

        $cntDir++; //카운트 증가

  ?>
        <li>
          <a href="javascript:zoom<?= $cntDir ?>()">
            <figure><img src="<? $_SERVER['DOCUMENT_ROOT'] ?>/asset/images/rnd/patent/sort1/<?= $file_ext ?>" alt="<?= $result ?>"></figure>
          </a>
          <p><?= $result ?></p>
        </li>
        <script>
          function zoom<?= $cntDir ?>() {
            window.open("/asset/images/rnd/patent/sort1/<?= $file_ext ?>", "_blank", "width=600, height=850, top=70, left=600, scrollbar=no, resizable=no");
          }
        </script>
  <?
      }
    }
    closedir($handle);
  }
  ?>
</ul>

//상목쓰 버전 아리가또

        <ul>
          <?php
          if ($handle = opendir($_SERVER['DOCUMENT_ROOT'] . '/asset/images/rnd/patent/sort2/')) {
            while (false !== ($file_ext = readdir($handle))) {
              if ($file_ext != '.' && $file_ext != '..') {
                $fileNameNum = substr($file_ext, 0, strrpos($file_ext, ".")); //파일이름이랑 확장자 분리
                $fileName = substr(strrchr($fileNameNum, "-"), 1); //파일이름: 00-파일이름.확장자 <<숫자 뺀 진짜 이름으로 남김
                $result = str_replace('__', ':', $fileName); //파일명에서 ':'못하기 때문에 '__'로 대체했던걸 다시 변경
          ?>
                <li>
                  <a href="javascript:void(0)" onclick="img_open(this)">
                    <figure><img src="<? $_SERVER['DOCUMENT_ROOT'] ?>/asset/images/rnd/patent/sort2/<?= $file_ext ?>" alt="<?= $result ?>"></figure>
                  </a>
                  <p><?= $result ?></p>
                </li>
          <?
              }
            }
            closedir($handle);
          }
          ?>
        </ul>

  <script>
    const img_open = (e) => {
      let img = $(e).find("img").attr("src")
      // console.log(img)
      window.open(img, "_blank", "width=600, height=850, top=70, left=600, scrollbar=no, resizable=no")
    }
  </script>

 

클릭 없는 버전

2022.11.16 - [👾 php] - php 폴더 안 이미지, 파일명 가져오기 반복

php 폴더 안 이미지, 파일명 가져오기 반복