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

<?php
include_once("../../_common.php");
?>
    <div class="futurico-theme">
        <div id="slider" class="viewSlider">
            <img src="./include/software/images/carpro01.jpg" alt="1. ÀÚµ¿¸Þ¸ðÁ¶È¸" title="#caption1">
            <img src="./include/software/images/carpro02.jpg" alt="2. Á¤ºñ¸ñ·ÏÀÛ¼º" title="#caption2">
            <img src="./include/software/images/carpro03.jpg" alt="3. °í°´µî·Ï" title="#caption3">
            <img src="./include/software/images/carpro04.jpg" alt="4. ¿¹¾àÁ¤ºñµî·Ï" title="#caption4">
            <img src="./include/software/images/carpro05.jpg" alt="5. º¸Çè°Ë»ç¸¸±â" title="#caption5">
            <img src="./include/software/images/carpro06.jpg" alt="6. ºÎÇ°¸ÅÀÔµî·Ï" title="#caption6">
            <img src="./include/software/images/carpro07.jpg" alt="7. °ßÀû¼­" title="#caption7">
            <img src="./include/software/images/carpro08.jpg" alt="8. Àç°íÇöȲ" title="#caption8">
            <img src="./include/software/images/carpro09.jpg" alt="9. °è»ê¼­È­¸é" title="#caption9">
            <img src="./include/software/images/carpro10.jpg" alt="10. ¸í¼¼Ç¥È­¸é" title="#caption10">
            <img src="./include/software/images/carpro11.jpg" alt="11. Á¤ºñ³»¿ª¼­" title="#caption11">
            <img src="./include/software/images/carpro12.jpg" alt="12. ÀÛ¾÷Áö½Ã¼­" title="#caption12">
            <img src="./include/software/images/carpro13.jpg" alt="13. ¿µ¼öÁõÃâ·Â" title="#caption13">
            <img src="./include/software/images/carpro14.jpg" alt="14. °è»ê¼­Ãâ·Â" title="#caption14">
            <img src="./include/software/images/carpro15.jpg" alt="15. ¸í¼¼Ç¥Ãâ·Â" title="#caption15">
            <img src="./include/software/images/carpro16.jpg" alt="16. ¹®ÀÚÀü¼Û" title="#caption16">
            <img src="./include/software/images/carpro17.jpg" alt="17. Â÷°èºÎÅëÀå" title="#caption17">
        </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>

    <!-- 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>