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

<?php
include_once("../../_common.php");
?>
    <div class="futurico-theme">

        <div id="slider" class="viewSlider">
            <img src="./include/software/images/view_hair01.jpg" alt="¼­ºñ½ºµî·Ï" title="#caption1">
            <img src="./include/software/images/view_hair02.jpg" alt="°í°´µî·Ï" title="#caption2">
            <img src="./include/software/images/view_hair03.jpg" alt="»óÇ°µî·Ï" title="#caption3">
            <img src="./include/software/images/view_hair04.jpg" alt="»óÇ°°ü¸®" title="#caption4">
            <img src="./include/software/images/view_hair05.jpg" alt="±â°£º° ¸ÅÃâÇöȲ" title="#caption5">
            <img src="./include/software/images/view_hair06.jpg" alt="Á÷¿ø°ü¸®" title="#caption6">
            <img src="./include/software/images/view_hair07.jpg" alt="Á÷¿ø±ÙÅ°ü¸®" title="#caption7">
            <img src="./include/software/images/view_hair08.jpg" alt="°í°´¸ÅÃâÇöȲ" title="#caption8">
            <img src="./include/software/images/view_hair09.jpg" alt="Æ÷ÀÎÆ®ÇöȲ" title="#caption9">
            <img src="./include/software/images/view_hair10.jpg" alt="¿¹¾à°ü¸®" title="#caption10">
            <img src="./include/software/images/view_hair11.jpg" alt="¸ÅÀÔÇöȲ" title="#caption11">
            <img src="./include/software/images/view_hair12.jpg" alt="¹®ÀÚÀü¼Û" title="#caption12">
            <img src="./include/software/images/view_hair13.jpg" alt="ÁÖº¯Àåºñ" title="#caption13">
        </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>

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