11일차 오후

내용의 사진을 클릭했을때 클릭한사진은 크게 아닌 사진은 다시 작게

function zoom_chg(my) // my : 작은그림의 파일 이름
	{
		document.getElementById("zoom").src=my;
	}

<table width="700" align="center">
		<caption><h3> <%=rdto.getName()%>객실 보기 </h3></caption>
		<tr>
			<td colspan="4" align="center">
			<%
			String imsi;
			if(rdto.getImg().equals(""))
				imsi=",";
			else
				imsi=rdto.getImg();				
			String[] img = imsi.split(",");
			
			if(img.length>0)
			{
			%>
			<div><img id="zoom" src="img/<%=img[0]%>" width="400" height="300"></div> <!-- 큰그림 -->
			<%
			}
				for(int i=0;i<img.length;i++)
				{
			%>
				<img src="img/<%=img[i]%>" width="50" height="40" onclick="zoom_chg(this.src)">
			<%
				}
			%>
			</td>

ArrayList 이용 코드

public void admin_event_list(HttpServletRequest request) throws Exception
{
	String sql = "select *from event order by id asc";
	
	PreparedStatement pstmt = conn.prepareStatement(sql);
	ResultSet rs = pstmt.executeQuery();
	
	ArrayList<EventDto> elist = new ArrayList<EventDto>();
	
	while(rs.next())
	{
		EventDto edto = new EventDto();
		edto.setId(rs.getInt("id"));
		edto.setTitle(rs.getString("title"));
		edto.setImg(rs.getString("img"));
		edto.setWriteday(rs.getString("writeday"));
		
		elist.add(edto);
	}
	request.setAttribute("elist", elist);
}