[javascript] 이미지 좌우 이동

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://fotorama.s3.amazonaws.com/4.6.2/fotorama.js"></script>
<script type="text/javascript" src="../common/js/fotorama.js"></script>
 
<!-- fade_rolling -->
<div class="fotorama" data-arrows="false" data-click="false" data-swipe="false" data-autoplay="true" >
    <ul>
        <img src="../images/main/rolling_fade_img_01.jpg" alt="이미지" />
        <img src="../images/main/rolling_fade_img_02.jpg" alt="이미지" />
        <img src="../images/main/rolling_fade_img_03.jpg" alt="이미지" />
    </ul>
</div>
<!-- //fade_rolling -->

http://fotorama.io/customize/keyboard/

fotorama.js