06. UI 플러그인(수정필요)

UI 플러그인이란

사용자 환경을 개발하는데

유용한 메서드를 제공하는 플러그인이다.

 

1. 제이쿼리 UI 플러그인으로 드래그 레이어 창 만들기

 

제이쿼리 UI는

https://jquery.com/ 에서 내려받아 사용할 수 있다.

jQuery

 

우선 제이쿼리 UI 사이트에서

상단 메뉴의 디자인 테마를 선택해 다운 받는다.

다운 받은 디자인 테마를 압축 해제한다.

위의 파일 3개를 현재 작성하고 있는 파일 내로

이동(복사)시켜준다.

실행시켜보면

마우스로 사진을 드래그하면

드래그하는데로 움직이는 모습을 확인할 수 있다.

 

2. bxSlider 플러그인으로 자동 슬라이드 갤러리 만들기

bx플러그인은

여러 개의 배너에 슬라이드 기능을

간편하게 적용할 수 있는 플러그인이다.

https://bxslider.com/install/ 사이트로 이동한다

jQuery Content Slider | Responsive jQuery Slider | bxSlider

여기서 파일을 다운받아도 되고,

CDN 코드만 복사해서 사용해도 된다.

 

이번에는 CDN 코드를 복사해서 사용해보겠다.

실행시켜보면 실행이..... 안된다..... 왜지.......

bxSlide를 가져오는데서 에러가 난 것 같긴한데

안돌아간다....

좀 더 살펴보아야겠다.

 

++++

내가 가지고 있는 이미지의 크기가 너무 커서

제대로 돌아가고 있음에도

돌아가고 있는 줄 몰랐던거였다...

바보....

 

3. 제이쿼리쿠키로 3일동안 이 창 열지 않기 팝업 만들기

제이쿼리쿠키 플러그인을 사용하면간편하게 쿠키를 생성하고쿠키 만료일을 설정할 수 있다.

 

*쿠키란,사이트를 방문한 사용자의 소량의 브라우저 정보를저장할 수 있는 공간을 말한다.

 

우선 위와 같이https://cdnjs.com/

사이트로 이동한 뒤 jquery-cookie를 검색한다.

cdnjs - The #1 free and open source CDN built to make life easier for developers

그곳에서 파일로 다운을 받아서 사용해도 되고

CDN링크를 이용해서 사용해도 된다.

 

실행 시킨 뒤,

페이지에 쿠키 정보가 남는지 확인해보겠다.

또... 안나온다.....

아무래도 CDN링크로 다루는 법을

좀 더 알아보도록 해야겠다.