메뉴 건너뛰기

2020.11.25 13:32

이미지 회전, rotate();

조회 수 1468 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<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+= **; 이부분의 숫자를 변경하면 됩니다.


List of Articles
번호 제목 날짜 조회 수
39 JS 첵박스 샘플 2019.06.04 694
38 모달 띄우는 코드 2021.03.25 657
37 jQuery - checkbox 전체 선택, 해제 기능 및 단일 체크박스가 해제되었을때 전체 선택 해제 하기 file 2021.03.09 614
36 jQuery - ajax xhr을 활용한 파일 업로드 진행 상태 확인하기 file 2021.03.09 598
35 간단한 마우스 포인터 따라 다니기 2021.03.26 594
34 jQuery - 클릭이벤트 동적 처리하기($("").click(), on('click') 차이) file 2021.03.09 580
33 SELECTBOX MULTIPLE 검색하기 2021.03.26 572
32 jQuery - radio, checkBox값 가져오기, 선택하기, 제어 등 file 2021.03.09 543
31 ajax 동기화 처리하기 2021.03.25 416
30 Cesium에서 canvas 화면 center 지점의 좌표 취득 2021.03.25 373
29 jQuery - 드래그, 리사이즈 이벤트에 따른 영역 침범 막기 file 2021.03.09 363
28 목록의 체크 선택/해제에 따라 [전체선택] 체크박스를 체크하거나 해제하기 2021.03.25 329
27 최초 접속시 css와 script가 로딩되지 않을때 2021.03.25 322
26 다중 select 2021.03.31 316
25 javascript, jQuery에서 루프 돌리기 예 (for, forEach, each) 2021.03.25 311
24 click에 따른 마우스 휠 on off 2021.03.31 304
23 jQuery - 드래그앤드롭(DragAndDrop)을 통한 파일 업로드 file 2021.03.09 291
22 기본 동작 막기 2021.03.25 287
21 fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환 2021.03.26 285
20 항상 최신버전으로 사용하기 2021.03.26 285
Board Pagination Prev 1 ... 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved