1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73

<?php
include_once("../../_common.php");
?>
    <div class="futurico-theme">
        <div id="slider" class="viewSlider">
            <img src="./include/software/images/jasan01.jpg" alt="01. ÀÚ»ê°ü¸®³»¿ª" title="#caption1">
            <img src="./include/software/images/jasan02.jpg" alt="02. ÀÚ»êÀÌ·ÂÄ«µå" title="#caption2">
            <img src="./include/software/images/jasan03.jpg" alt="03. ÀÚ»ê°ü¸®ÇöȲ" title="#caption3">
            <img src="./include/software/images/jasan04.jpg" alt="04. ¾÷ü°ü¸®" title="#caption4">
            <img src="./include/software/images/jasan05.jpg" alt="05. ¼ö¸®³»¿ª" title="#caption5">
            <img src="./include/software/images/jasan06.jpg" alt="06. Àڻ꺯°æ³»¿ª" title="#caption6">
            <img src="./include/software/images/jasan07.jpg" alt="07. Ç°¸ñ°ü¸®" title="#caption7">
            <img src="./include/software/images/jasan08.jpg" alt="08. Àç°í½Ç»ç" title="#caption8">
            <img src="./include/software/images/jasan09.jpg" alt="09. ºÎ¼­µî·Ï" title="#caption9">
            <img src="./include/software/images/jasan10.jpg" alt="10. »ç¿ë±ÇÇѼ³Á¤" title="#caption10">
            <img src="./include/software/images/jasan11.jpg" alt="11. µ¥ÀÌÅ͹é¾÷" title="#caption11">
            <img src="./include/software/images/jasan12.jpg" alt="12. °¨°¡»ï°¢" title="#caption12">
            <img src="./include/software/images/jasan13.jpg" alt="13. Ç°¸ñº°Åë°è" title="#caption13">
            <img src="./include/software/images/jasan14.jpg" alt="14. À§Ä¡º°Åë°è" title="#caption14">
            <img src="./include/software/images/jasan15.jpg" alt="15. ºÎ¼­º°Åë°è" title="#caption15">
            <img src="./include/software/images/jasan16.jpg" alt="16. ¼ö·®º°Åë°è" title="#caption16">
            <img src="./include/software/images/jasan17.jpg" alt="17. ±¸¸Å±Ý¾×Åë°è" title="#caption17">
            <img src="./include/software/images/jasan18.jpg" alt="18. Æò±Õ±Ý¾×Åë°è" title="#caption18">
            <img src="./include/software/images/jasan19.jpg" alt="19. º¯°æ³»¿ª" title="#caption19">
            <img src="./include/software/images/jasan20.jpg" alt="20. ÀÚ»ê½Ç»ç" title="#caption20">
            <img src="./include/software/images/jasan21.jpg" alt="21. ÀÚ»êÁ¶È¸" title="#caption21">
            <img src="./include/software/images/jasan22.jpg" alt="22. °¨°¡»ï°¢°ü¸®" title="#caption22">
            <img src="./include/software/images/jasan23.jpg" alt="23. °¨°¡»ï°¢¸í¼¼¼­" title="#caption23">
            <img src="./include/software/images/jasan24.jpg" alt="24. °¨°¡»ï°¢ÃÑ°ýÇ¥" title="#caption24">
            <img src="./include/software/images/jasan25.jpg" alt="25. °èÁ¤°ú¸ñ°ü¸®" title="#caption25">
        </div>

        <div id="caption1" class="view-html-caption"><em>1. ÀÚ»ê°ü¸®³»¿ª</em></div>
        <div id="caption2" class="view-html-caption"><em>2. ÀÚ»êÀÌ·ÂÄ«µå</em></div>
        <div id="caption3" class="view-html-caption"><em>3. ÀÚ»ê°ü¸®ÇöȲ</em></div>
        <div id="caption4" class="view-html-caption"><em>4. ¾÷ü°ü¸®</em></div>
        <div id="caption5" class="view-html-caption"><em>5. ¼ö¸®³»¿ª</em></div>
        <div id="caption6" class="view-html-caption"><em>6. Àڻ꺯°æ³»¿ª</em></div>
        <div id="caption7" class="view-html-caption"><em>7. Ç°¸ñ°ü¸®</em></div>
        <div id="caption8" class="view-html-caption"><em>8. Àç°í½Ç»ç</em></div>
        <div id="caption9" class="view-html-caption"><em>9. ºÎ¼­µî·Ï</em></div>
        <div id="caption10" class="view-html-caption"><em>10. »ç¿ë±ÇÇѼ³Á¤</em></div>
        <div id="caption11" class="view-html-caption"><em>11. µ¥ÀÌÅ͹é¾÷</em></div>
        <div id="caption12" class="view-html-caption"><em>12. °¨°¡»ï°¢</em></div>
        <div id="caption13" class="view-html-caption"><em>13. Ç°¸ñº°Åë°è</em></div>
        <div id="caption14" class="view-html-caption"><em>14. À§Ä¡º°Åë°è</em></div>
        <div id="caption15" class="view-html-caption"><em>15. ºÎ¼­º°Åë°è</em></div>
        <div id="caption16" class="view-html-caption"><em>16. ¼ö·®º°Åë°è</em></div>
        <div id="caption17" class="view-html-caption"><em>17. ±¸¸Å±Ý¾×Åë°è</em></div>
        <div id="caption18" class="view-html-caption"><em>18. Æò±Õ±Ý¾×Åë°è</em></div>
        <div id="caption19" class="view-html-caption"><em>19. º¯°æ³»¿ª</em></div>
        <div id="caption20" class="view-html-caption"><em>20. ÀÚ»ê½Ç»ç</em></div>
        <div id="caption21" class="view-html-caption"><em>21. ÀÚ»êÁ¶È¸</em></div>
        <div id="caption22" class="view-html-caption"><em>22. °¨°¡»ï°¢°ü¸®</em></div>
        <div id="caption23" class="view-html-caption"><em>23. °¨°¡»ï°¢¸í¼¼¼­</em></div>
        <div id="caption24" class="view-html-caption"><em>24. °¨°¡»ï°¢ ÃÑ°ýÇ¥</em></div>
        <div id="caption25" class="view-html-caption"><em>25. °èÁ¤°ú¸ñ°ü¸®</em></div>
    </div>

    <!-- jQuery & view Slider -->
    <script src="./js/jquery.view.slider.pack.js"></script>
    <script>
        $(window).load(function() {
            $('#slider').viewSlider({
                effect: 'random',
                directionNavHide: false,
                pauseOnHover: true,
                captionOpacity: 1,
                prevText: '<',
                nextText: '>'
            });
        });
    </script>