<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<img name="imagefile" height=150 src="D:\java_day_workspace\imageSample\img0.jpg">
<img name="imagefile" height=150 src="D:\java_day_workspace\imageSample\img1.jpg">
<img name="imagefile" height=150 src="D:\java_day_workspace\imageSample\img2.jpg">
<img name="imagefile" height=150 src="D:\java_day_workspace\imageSample\img3.jpg">
<img name="imagefile" height=150 src="D:\java_day_workspace\imageSample\img4.jpg"><br>
<script type="text/javascript">
document.write("이미지 개수 : " + document.imagefile.length + "<br>");
document.write("<br><br>");
for(var i = 0 ; i < document.imagefile.length ; i++){
document.write("이미지 URL : " + document.imagefile[i].src + "<br>");
}
// for(var i = 0 ; i < document.imagefile.length ; i++){
// document.imagefile.height = document.imagefile[0].height;
// }
function imageChange(path){
for(var i = 0 ; i < 6 ; i++){
document.imagefile[i].src = path;
}
}
document.write("<input type=\"button\" value=\"이미지변경\" onclick=\"imageChange('" + document.imagefile[0].src + "')\">");
</script>
<!-- <input type="button" value="이미지변경" onclick="imageChange('D:\\java_day_workspace\\imageSample\\img0.jpg')"> -->
<input type="button" value="새로고침" onclick="location.reload()">
</body>
</html>
'JSP, HTML' 카테고리의 다른 글
| IE 문서모드 설정 (0) | 2016.06.30 |
|---|---|
| JSTL selector AND, OR (0) | 2016.06.30 |
| JSP_5 (0) | 2013.02.12 |
| JSP_4 (0) | 2013.02.06 |
| JSP_3 (0) | 2013.02.06 |