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

<?php
include_once("../../_common.php");
?>

    <div class="futurico-theme">
        <div id="slider" class="viewSlider">
            <img src="./include/software/images/view_pos01.jpg" alt="1. Æ÷½º°ü¸®ÀÚÈ­¸é" title="#caption1">
            <img src="./include/software/images/view_pos02.jpg" alt="2. Æ÷½º°í°´È­¸é" title="#caption2">
            <img src="./include/software/images/view_pos03.jpg" alt="3. ½ÃÀçÈ®ÀÎ" title="#caption3">
            <img src="./include/software/images/view_pos04.jpg" alt="4. Ä³¼Å±³´ëó¸®" title="#caption4">
            <img src="./include/software/images/view_pos05.jpg" alt="5. È¯°æ¼³Á¤" title="#caption5">
            <img src="./include/software/images/view_pos06.jpg" alt="6. °Å·¡Ã³°Ë»ö" title="#caption6">
            <img src="./include/software/images/view_pos07.jpg" alt="7. ÆǸÅÀüÇ¥º¸±â" title="#caption7">
            <img src="./include/software/images/view_pos08.jpg" alt="8. Çö±Ý/Ä«µå°áÁ¦" title="#caption8">
        </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>

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