고수님들...부탁드립니다. 채택완료

</strong></p>

<p><?php

    echo "<div id='main-image' style='width: 500px; height: 500px;'>";

    // 첫 번째 이미지 크게 출력

    $v_img_count = count($view['file']);

    if($v_img_count) {

        echo get_view_thumbnail($view['file'][0]['view'], 500);

    }

    echo "</div>";</p>

<p>     

    // 추가 이미지 원본 출력

    if ($v_img_count > 1) {

        echo "<div id='thumbnail-container' style='display: flex; gap: 10px; margin-top: 10px;'>";

        for ($i = 0; $i < min($v_img_count, 6); $i++) {  // 최대 5개의 원본 이미지 표시

            echo "<div class='thumbnail' style='width: 100px; height: 100px; overflow: hidden;'>";

            // get_view_thumbnail 함수를 사용하여 썸네일 생성

            echo "<img src='" . get_view_thumbnail($view['file'][$i]['view'], 100) . "' data-full='" . $view['file'][$i]['view'] . "' style='width: 100%; height: 100%; object-fit: cover; cursor: pointer;' />";

            echo "</div>\n";

        }

        echo "</div>\n";

    }

?>

<script>

    document.querySelectorAll('#thumbnail-container .thumbnail img').forEach(function(thumb) {

        thumb.addEventListener('click', function() {

            // 메인 이미지를 클릭된 썸네일의 큰 이미지로 변경

            document.getElementById('main-image').innerHTML = "<img src='" + this.getAttribute('data-full') + "' style='width: 100%; height: 100%; object-fit: cover;' />";

        });

    });

</script>

<strong>