갤러리형 리스트에서 가로 이미지수제한을 없애고싶습니다. 정보
갤러리형 리스트에서 가로 이미지수제한을 없애고싶습니다.본문
http://powerhouse-company.com/projects/
제목 그대로 위 사이트처럼 갤러리형 게시판을 제작하려고하는데 가로이미지수 제한없이 float:left를 사용해서 목록수만큼 width 100%로 나열하고 싶습니다.
가로 이미지수가 화면 넓이에 꽉차면 다음줄로 넘어가서 정렬되게하고싶은데 가로이미지수 제한을 없앨 방법은 없나요??
제목 그대로 위 사이트처럼 갤러리형 게시판을 제작하려고하는데 가로이미지수 제한없이 float:left를 사용해서 목록수만큼 width 100%로 나열하고 싶습니다.
가로 이미지수가 화면 넓이에 꽉차면 다음줄로 넘어가서 정렬되게하고싶은데 가로이미지수 제한을 없앨 방법은 없나요??
댓글 전체
반응형 웹 참고하시면될듯 하네요.
말씀하신대로 반응형웹으로 제작하려는데 게시판관리자의 가로 이미지수와 한페이지당 목록수에가 방해가되는 상황이네요.. 편법으로 갯수를 9999이런식으로 할수도 있겠지만 원천적으로 사용안할방법이 없나해서 질문드렸어요..^^;
이럴경우 사용하는 방식이
이미지를 ul 또는 li로 감싸서 이미지의 크기만을 적용시킴니다
한이미지가 ul로 시작했으면 /ul까지 사용하시고 이때 개행을 정하는것은 ul의 width가 됩니다
li로 시작하셧다면 당연히 /li로 끝나지만 이미지의 가로숫자에 한해 /ul을 주게 되는데 이 /ul은 모든이미지를 불러오고 나서 끝내는 방식입니다
이 때 개행을 정하는것은 li의 width가 됩니다
이미지를 ul 또는 li로 감싸서 이미지의 크기만을 적용시킴니다
한이미지가 ul로 시작했으면 /ul까지 사용하시고 이때 개행을 정하는것은 ul의 width가 됩니다
예)<?for($i=0; $i<count($list);$i++){?>
<ul><li><img src=xxx></li></ul>
<?}?>
li로 시작하셧다면 당연히 /li로 끝나지만 이미지의 가로숫자에 한해 /ul을 주게 되는데 이 /ul은 모든이미지를 불러오고 나서 끝내는 방식입니다
이 때 개행을 정하는것은 li의 width가 됩니다
예)<ul>
<?for($i=0; $i<count($list);$i++){?>
<li><img src=xxx></li>
<?}?>
</ul>
불량학생님 감사합니다..^^ 목록수는 어쩔수없겠지만 li로 잡아주니 가로이미지수는 무시되는군요..덕분에 해결했네요..ㅎㅎ