<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/slideGallery.js"></script>

<style>
#gallery .bg
{
    overflow:hidden;
}
#gallery .bg img
{
    position:relative;
    left:0px;
}
#gallery .button
{
    background:transparent;
    position:absolute;
    width:30%;
    top:0;
}
#gallery .right
{
    right:0;
}
</style>

<script>
    $(function(){

        $('#gallery img').slideGallery({
            'left_area':$('#gallery .left'),  
            'right_area':$('#gallery .right'),
            'speed':5                          
        });
    });
</script>

<section id="gallery">
    <div class="bg">
        <img src="img/gallery.png">   //갤러리에서 동작시킬 이미지를 합친 이미지
        <div class="button right"></div>
        <div class="button left"></div>
    </div>
</section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/slideGallery.js"></script>

<style>
#gallery .bg
{
    overflow:hidden;
}
#gallery .bg img
{
    position:relative;
    left:0px;
}
#gallery .button
{
    background:transparent;
    position:absolute;
    width:30%;
    top:0;
}
#gallery .right
{
    right:0;
}
</style>

<script>
    $(function(){

        $('#gallery img').slideGallery({
            'left_area':$('#gallery .left'),   
            'right_area':$('#gallery .right'),
            'speed':5                         
        });
    });
</script>

<section id="gallery">
    <div class="bg">
        <img src="img/gallery.png">   //갤러리에서 동작시킬 이미지를 합친 이미지
        <div class="button right"></div>
        <div class="button left"></div>
    </div>
</section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/slideGallery.js"></script>

<style>
#gallery .bg
{
    overflow:hidden;
}
#gallery .bg img
{
    position:relative;
    left:0px;
}
#gallery .button
{
    background:transparent;
    position:absolute;
    width:30%;
    top:0;
}
#gallery .right
{
    right:0;
}
</style>

<script>
    $(function(){

        $('#gallery img').slideGallery({
            'left_area':$('#gallery .left'),  
            'right_area':$('#gallery .right'), 
            'speed':5                         
        });
    });
</script>

<section id="gallery">
    <div class="bg">
        <img src="img/gallery.png">   //갤러리에서 동작시킬 이미지를 합친 이미지
        <div class="button right"></div>
        <div class="button left"></div>
    </div>
</section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/slideGallery.js"></script>

<style>
#gallery .bg
{
    overflow:hidden;
}
#gallery .bg img
{
    position:relative;
    left:0px;
}
#gallery .button
{
    background:transparent;
    position:absolute;
    width:30%;
    top:0;
}
#gallery .right
{
    right:0;
}
</style>

<script>
    $(function(){

        $('#gallery img').slideGallery({
            'left_area':$('#gallery .left'),   
            'right_area':$('#gallery .right'),
            'speed':5                          
        });
    });
</script>

<section id="gallery">
    <div class="bg">
        <img src="img/gallery.png">   //갤러리에서 동작시킬 이미지를 합친 이미지
        <div class="button right"></div>
        <div class="button left"></div>
    </div>
</section>

        $('#gallery img').slideGallery({
            'left_area':$('#gallery .left'),   //마우스가 위치할 경우 갤러리를 좌측으로 이동 시킬 엘리먼트
            'right_area':$('#gallery .right'), //마우스가 위치할 경우 갤러리를 우측으로 이동 시킬 엘리먼트
            'speed':5                          //이동속도를 정합니다. (추천 속도 = 5)
        });