웹 공부중인 웹린이인데


  <table>
                    <tr>
                        <td>

                            <a href="javascript:openwindow('img/image/1.PNG', 100,100)">
                                <img src="/img/image/1.PNG">
                            </a>
                           
                        </td>
                        <td>
                            <a href="javascript:openwindow('img/image/2.PNG', 100,100)">
                                <img src="img/image/2.PNG">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="javascript:openwindow('img/image/3.PNG', 100,100)">
                                <img src='img/image/3.PNG'>
                            </a>    
                        </td>
                        <td>
                            <a href="javascript:openwindow('img/image/1.PNG', 100,100)">
                                <img src="img/image/1.PNG">
                            </a>
                        </td>
                    </tr>
                </table>    


해당 img src="img/image/1.png" 를 


img/image 폴더안에있는 이미지 들중 상위 4개만 표시해주고싶은데  뭘 사용해야함?



html 이미지 동적으로 변경하기 이런 키워드로 검색하니  버튼 이벤트발생시 이미지 바뀌는거 이런 내용이나


PHP 로 구현하는방법이 몇개 나오는데 php 라는걸 이용해야하는고임?