올려주신 내용을 바탕으로 작성한 소스를 전달 드립니다.

1. 그림을 한 줄에 3개씩 나열
width:32.5% 스타일을 추가해서 한 줄에 3개의 이미지씩 들어가도록 처리했습니다.
이미지 하나는 높이가 달라서 맞추길 원하시는 경우, 스타일에 height 고정값으로 추가해 주시면 됩니다.

2. 클릭 시 확대, 다시 클릭 시 축소
data-inven-click-css 를 추가해서 한번 클릭하면 해당 이미지가 가로폭 100%가 되도록 (확대), 한번 더 클릭하면 원래 사이즈로 되돌아오도록 하였습니다.


원하시던 형태와 다르거나,
이외에도 궁금하신 내용은 언제든지 글 남겨주세요.
감사합니다.


■ HTML을 누른 상태에서 붙여넣어 주세요.

<div style="text-align:left; width:450px">

<img src="http://upload2.inven.co.kr/upload/2018/03/30/bbs/i16509301608.jpg" data-inven-click-css="{'_SELF_':[{'width':'100%'},{'width':'32.5%'}]}" style="width:32.5%;">
<img src="http://upload2.inven.co.kr/upload/2018/03/30/bbs/i16569683850.jpg" data-inven-click-css="{'_SELF_':[{'width':'100%'},{'width':'32.5%'}]}" style="width:32.5%;">
<img src="http://upload2.inven.co.kr/upload/2018/03/30/bbs/i16539447929.jpg" data-inven-click-css="{'_SELF_':[{'width':'100%'},{'width':'32.5%'}]}" style="width:32.5%;">
<img src="http://upload2.inven.co.kr/upload/2018/03/30/bbs/i16503402940.jpg" data-inven-click-css="{'_SELF_':[{'width':'100%'},{'width':'32.5%'}]}" style="width:32.5%;">
<img src="http://upload2.inven.co.kr/upload/2018/03/30/bbs/i16578628571.jpg" data-inven-click-css="{'_SELF_':[{'width':'100%'},{'width':'32.5%'}]}" style="width:32.5%;">
<img src="http://upload2.inven.co.kr/upload/2018/03/30/bbs/i16539409295.jpg" data-inven-click-css="{'_SELF_':[{'width':'100%'},{'width':'32.5%'}]}" style="width:32.5%;">

</div>