Index Page 에서 썸네일 게시판을 띄우려구 하는데요...
- 작성자 :
- 양*준
- 작성일 :
- 2013-12-27 17:02:00
- 조회수 :
- 1,010
- 구분 :
- 기타
- 진행상태 :
- 완료
Q
안녕하세요.
이제 막 프로그래밍을 시작하는 사람입니다!
저번에 썸네일 게시판 Url은 정말 감사했습니다.
이제 Index 페이지에서 목록 순서를 지정하여 뜨게 해야되는데 이거 정말 힘들군요..;;
첨부파일에 있는 이미지 대로 밑에까지 뜨지 않게 하여 한개씩 다른 게시물들을 띄우려구 하는데요
잘 안되네요... ㅠㅠ
제가 가지고 있는 소스는 <div> <ul> <li>을 사용하여 목록 페이지를 띄우려고합니다.
<table>로도 띄우려고 했는데 빈번히 실패네요...
이번에도 도움을 주시면 감사하겠습니당 ㅎㅎ;;
제가 가지고 있는 소스 입니다.
<div class="build_box">
<h2><img src="게시판 이미지"/></h2>
<ul class="list_build">
<li class="left8">
<c:forEach var="result" items="${resultList1}" varStatus="status">
<div class="build_imgbox"><a href="게시판 URL">
<img src='이미지 URL>' width="60" height="60" alt="해당파일이미지"/></a></div>
<div class="content_box">
<p>
<a href="게시판 URL">
<strong class="build_title">게시판 제목 함수</strong>
<span class="build_sub">게시물 내용 들어갈 곳</span>
<br><br><br>
</p>
</div>
</c:forEach>
<c:if test="${fn:length(resultList) == 0}"></c:if>
</li>
<li class="left4">
<c:forEach var="result" items="${resultList1}" varStatus="status">
<div class="build_imgbox"><a href="게시판 URL">
<img src='이미지 URL"/>' width="60" height="60" alt="해당파일이미지"/></a></div>
<div class="content_box">
<p>
<a href="게시판 URL">
<strong class="build_title">게시판 제목 함수</strong>
<span class="build_sub">게시물 내용 들어갈 곳</span>
<br><br><br>
</a>
</p>
</div>
</c:forEach>
<c:if test="${fn:length(resultList) == 0}"></c:if>
</li>
</ul>
이제 막 프로그래밍을 시작하는 사람입니다!
저번에 썸네일 게시판 Url은 정말 감사했습니다.
이제 Index 페이지에서 목록 순서를 지정하여 뜨게 해야되는데 이거 정말 힘들군요..;;
첨부파일에 있는 이미지 대로 밑에까지 뜨지 않게 하여 한개씩 다른 게시물들을 띄우려구 하는데요
잘 안되네요... ㅠㅠ
제가 가지고 있는 소스는 <div> <ul> <li>을 사용하여 목록 페이지를 띄우려고합니다.
<table>로도 띄우려고 했는데 빈번히 실패네요...
이번에도 도움을 주시면 감사하겠습니당 ㅎㅎ;;
제가 가지고 있는 소스 입니다.
<div class="build_box">
<h2><img src="게시판 이미지"/></h2>
<ul class="list_build">
<li class="left8">
<c:forEach var="result" items="${resultList1}" varStatus="status">
<div class="build_imgbox"><a href="게시판 URL">
<img src='이미지 URL>' width="60" height="60" alt="해당파일이미지"/></a></div>
<div class="content_box">
<p>
<a href="게시판 URL">
<strong class="build_title">게시판 제목 함수</strong>
<span class="build_sub">게시물 내용 들어갈 곳</span>
<br><br><br>
</p>
</div>
</c:forEach>
<c:if test="${fn:length(resultList) == 0}"></c:if>
</li>
<li class="left4">
<c:forEach var="result" items="${resultList1}" varStatus="status">
<div class="build_imgbox"><a href="게시판 URL">
<img src='이미지 URL"/>' width="60" height="60" alt="해당파일이미지"/></a></div>
<div class="content_box">
<p>
<a href="게시판 URL">
<strong class="build_title">게시판 제목 함수</strong>
<span class="build_sub">게시물 내용 들어갈 곳</span>
<br><br><br>
</a>
</p>
</div>
</c:forEach>
<c:if test="${fn:length(resultList) == 0}"></c:if>
</li>
</ul>
A
안녕하세요. 양희준님.
정확하게 어떤 방식으로 구현하시기를 원하시는 판단이 어렵습니다.
다만, 올려주시 jsp 부분을 보면, 동일한 list에 대하여 2번 반복하신 부분이 있습니다.
아마도 순서 처리를 위해 두번 반복하신 것 같은데,
1행에는 홀수번째, 2행에는 짝수번째 처리와 같은 결과를 원하시는 경우 다음과 같이 활용하실 수 있습니다.
<c:forEach var="result" items="${resultList1}" varStatus="status">
<c:if test="${status.index mod 2 == 1}"> .. 홀수번쨰 처리 .. </c:if>
</c:forEach>
<c:forEach var="result" items="${resultList1}" varStatus="status">
<c:if test="${status.index mod 2 == 2}"> .. 짝수번쨰 처리 .. </c:if>
</c:forEach>
그럼, 즐거운 하루되십시오.
감사합니다.
정확하게 어떤 방식으로 구현하시기를 원하시는 판단이 어렵습니다.
다만, 올려주시 jsp 부분을 보면, 동일한 list에 대하여 2번 반복하신 부분이 있습니다.
아마도 순서 처리를 위해 두번 반복하신 것 같은데,
1행에는 홀수번째, 2행에는 짝수번째 처리와 같은 결과를 원하시는 경우 다음과 같이 활용하실 수 있습니다.
<c:forEach var="result" items="${resultList1}" varStatus="status">
<c:if test="${status.index mod 2 == 1}"> .. 홀수번쨰 처리 .. </c:if>
</c:forEach>
<c:forEach var="result" items="${resultList1}" varStatus="status">
<c:if test="${status.index mod 2 == 2}"> .. 짝수번쨰 처리 .. </c:if>
</c:forEach>
그럼, 즐거운 하루되십시오.
감사합니다.
