관리 메뉴

moozi

gallery01.html 본문

TIS_2017/응용sw_1기

gallery01.html

moozi 2017. 1. 19. 11:34

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>javascript - 갤러리</title>

    <script>

        var num=1;

        function next(){

            if(num<7){

                num++;

                var img=document.getElementById("gallery");

                img.setAttribute("src","img/pic"+num+".jpg");

            }

        }

        function prev(){

            if(num>1){

                num--;

                var img=document.getElementById("gallery");

                img.setAttribute("src","img/pic"+num+".jpg");

            }

        }

    </script>

</head>

<body>

    <img id="gallery" src="img/pic1.jpg" width="300" height="200"><br>

    <input type="button" value="prev" onclick="prev()">

    <input type="button" value="next" onclick="next()">

</body>

</html>

'TIS_2017 > 응용sw_1기' 카테고리의 다른 글

슬라이더기본  (0) 2017.01.20
jQuery연습문제01  (0) 2017.01.19
jQuery01.html  (0) 2017.01.19
javascript연습문제03  (0) 2017.01.18
javascript연습문제02  (0) 2017.01.17
Comments