이미지 회전, rotate();

by 조쉬 posted Nov 25, 2020
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
<div>
 
  <button id="rotateL" >왼쪽으로 회전</button>
 
  <img id="bigImg" src="" >
 
  <button id="rotateR" >오른쪽으로 회전</button>
 
</div>
 
 
 
<script type="text/javascript">
 
$(function(){
 
  var angle = 0;        // 현재의 각도를 변수로 저장
 
  $('#rotateL').click(function() { angle += -90; $("#bigImg").rotate(angle);});
 
  $('#rotateR').click(function() { angle += +90; $("#bigImg").rotate(angle);});
 
});
 
</script>

회전의 각도를 줄이거나 늘리려면  angle+= **; 이부분의 숫자를 변경하면 됩니다.