내가 보려고 정리하는 블로그

먼저 html내에 외부링크를 추가하여 해당링크의 소스를 불러와 슬라이더를 적용 시킨다. 그 이후 스크립트 부분도 추가해야 한다. 그리고 스크립트 부분에 몇가지 옵션을 추가한다. $(document).ready(function(){ $(.'bxsilder').bxSlider({ auto : true, //자동으로 애니메이션 시작 speed : 500, //애니메이션 속도 pause : 5000, //애니메이션 유지시간(1000 = 1초) mode : 'horizontal', //슬라이드 모드('fade','horizontal',vertcal' 이 있음) autoControls : true , //시작 및 중지버튼이 보여짐 pager : true , //페이지표시 보여짐 captions : true // 이..

기존의 multipart를 이용하여 파일 목록에 원하는 파일을 2개 이상 한 번에 지정할 수 있으며 원하지 않는 파일을 삭제 후 업로드하는 기본적인 기능이지만 어려웠던 파일업로드 소스이다. 우선 이 기능의 주요점은 업로드할 파일을 선택할때 멀티로 파일을 선택할 수 있어야 하고 선택 후 다시 선택한 다름 파일 역시 한 번에 업로드가 가능해야 하고 선택 후 리스트에 담겨있는 파일을 하나씩 삭제하여 업로드할 수 있어야 한다. 예를 들어 1번 2번파일을 먼저 선택하면 화면에 1번과 2번의 파일을 보여주고 추가로 3번과 4번 파일을 선택하면 1,2,3,4번의 파일이 화면에 보여야 하며 화면에 등록된 파일 중 1번 파일을 삭제하면 2,3,4번의 파일만 보이고 업로드 시 2,3,4번의 파일을 업로드시킨다. 우선 co..

jquery UI 공식사이트인 https://jqueryui.com 에서 모든 Example과 API문서가 있다. 기본 설정 Jquery UI를 사용하는데 필요한 js파일과 css파일을 선언 script src="https://code.jquery.com/jquery-1.12.4.js"> input객체를 datepicker로 선언 script단의 datepicker를 사용하겠다는 선언 $("#datepicker").datepicker(); 을 이용하여 기본적인 datepicker UI를 불러올 수 있다. --datepicker옵션추가-- script 단에 datepicker의 옵션을 추가하게 되면 여러가지 기능을 가진 datepicker UI를 사용할 수 있다. 프로젝트 내의 모든 datepicker에 ..