[자바스크립트] HTML이나 오토핫키로 이미지 뷰어 만들기

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 까지 표시 가능하게 수정되었습니다.