··조회 12,876
이미지 클릭시 원본이미지를 띄우고...
선생님의 게시판강의를 보고 php에 많은 관심을 갖게 되었습니다.
그런데 게시판이나 겔러리에서 이미지를 게시판 사이즈에 맞게 리사이즈한 상태에서 이미지를 클릭하면 새로운 창으로 본래의 이미지를 띄우고 띄운 이미지를 다시 클릭하면 사라지게 하는 방법을 아무리 연구를 해도 해결하지 못했습니다.아직 php에 익숙지 못해 다른분의 강의를 보고 해석하는 수준이라 스스로 코드를 작성하지는 못합니다.
그래서 이렇게 선생님에게 간곡히 부탁드립니다.
그런데 게시판이나 겔러리에서 이미지를 게시판 사이즈에 맞게 리사이즈한 상태에서 이미지를 클릭하면 새로운 창으로 본래의 이미지를 띄우고 띄운 이미지를 다시 클릭하면 사라지게 하는 방법을 아무리 연구를 해도 해결하지 못했습니다.아직 php에 익숙지 못해 다른분의 강의를 보고 해석하는 수준이라 스스로 코드를 작성하지는 못합니다.
그래서 이렇게 선생님에게 간곡히 부탁드립니다.
댓글 1
답변이 늦어지고 있습니다. 자리에 느긋하게 앉아 답변 드릴 형편이 못 되어 자꾸 미루게 됩니다.
이미지의 사이즈를 줄여서 표시하는 방법은 여러 가지가 있으나 가장 쉬운 것은 HTML 의 IMG 태그에서 width를 줄여주는 방법입니다. 게시판 가로 사이즈에 맞게 width 값을 고정하거나 줄여주시면 됩니다.
단, 원래 이미지의 크기가 일정한 크기 이상일 경우에만 줄인다면, 이미지 사이즈를 알아내는 별도의 코드를 작성해야 합니다.
PHP의 GD 라이브러리를 활용하면 가장 깔끔하게 이미지를 제어할 수 있지만, PHP 처음 접하시는 단계에서는 요원하게 느껴질 수 있습니다.
HTML 의 IMG 태그에서 width 값을 조정하여 이미지를 작게 만든 다음, 자바스크립트(window.open)를 이용하여 이미지를 클릭했을 때 새 창에서 이미지를 보이게 하고, 역시 자바스크립트(self.close)를 이용해 이미지를 클릭했을 때 창이 닫히도록 해야 합니다.
이를 위해서는 자바스크립트에 대한 기본적인 이해가 필요합니다.
안타깝게도 제가 소스를 직접 써드릴 수 없는 상황이라 오늘은 여기서 마칩니다.
후에 여유가 된다면 소스를 직접 써드리겠습니다.