채택완료

혹시 세로가 큰이미지와 세로가 보통인 혼합된 갤러리 게시판이나 관련팁이 있을까요?

2023-04-18 (화) 14:14:06 2,184

2093110437_1681794476.2718.png

 위에 처럼 갤러리 게시판을 만들고 싶은데 아래처럼 될꺼 같네요.

2093110437_1681794485.8394.png

위에처럼 가로 이미지가 큰것과 보통인것을 혼합해서 출력하는 게시판 샘플이나 팁이 있을까요?

반응형으로 일정 화면 넓이를 넘어갔을때 밀어버리려 해도 가로 긴 이미지가 두개 연속 나올경우

빈 공간이 생길것 같고 그냥 숫자만큼 출력하자니 위에처럼 이미지가 벗어나서 출력 될꺼 같은데

만약 이런 경우 세로가 긴 이미지가 4번째 나올경우 다음 이미지하고 교체되서 나오는 방법을 있을지요?

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2023-04-18 (화) 14:18:09

https://sir.kr/g5_skin/30908

https://codepen.io/iamsaief/pen/jObaoKo

masonry 레이아웃 검색하시면 많이 나오실거에용~

답변에 대한 댓글 1개

아 위에 부분은 좌우 사이즈가 달라지는 거라 다른 내용이고



아래 부분은 가능할수도 있겠네요... 감사합니다

답변을 작성하려면 로그인이 필요합니다.