1. jQuery로 만들었습니다.
아래소스는 이미지명이 순서대로 차례차례 입력되었을 때만 가능합니다.
ex) 01.jpg, 02.jpg .... 88.jpg, 89.jpg
<script type="text/javascript" src="http://code.jquery.com/jquery-lastest.js"></script>
< script type="text/javascript">
$(document).ready(function() {
for(var i=0; i<11; i++){ // 파란색 숫자를 이미지 갯수만큼 넣어주세요.
if(i < 10){
$("#manga").append("<img src='http://" + i + ".jpg' /><br>");
// 파란색 글씨부분에 10~99번 이미지 까지 들어있는 웹상의 경로를 적어주세요.
} else {
$("#manga").append("<img src='http://0" + i + ".jpg' /><br>");
// 파란색 글씨부분에 00~09번 이미지 까지 들어있는 웹상의 경로를 적어주세요.
}
// alert(i);
$("manga");
}
});
< /script>
< body>
pic :
< div id="manga"></div>
< /body>
2. 실행결과 :
3. 실행 : http://jsfiddle.net/0uwsaq5a/4/
실행 소스에는 이미지명이 001.jpg ~ 999.jpg 까지 표시 가능하게 수정되었습니다.
'course > 지식인' 카테고리의 다른 글
[자바스크립트] 책들의 수량을 받아와서 합산된 가격과 수량을 구하기 (0) | 2015.11.11 |
---|---|
[자바스크립트] 간단한 로그인 체크 스트립트. (1) | 2015.11.06 |
[자바] 간단히 텍스트 파일에 문서를 저장하고 읽어오기 (0) | 2015.11.06 |