jQuery 플러그인 bxSlider는 반응형 포커스 map_jquery를 구현합니다.

뛰어난 반응성 jQuery 포커스 맵 플러그인 bxSlider, 뛰어난 반응성 레이아웃 디자인 jQuery 플러그인, 적응형
모든 장치에 적합하며 비디오, 사진, HTML, 터치 장치 지원, 사용자 정의 기능 등 콘텐츠 전환이 가능합니다.
콜백은 다양한 매개변수 사용자 정의 구성을 지원하며 브라우저는 Firefox, Chrome, Safari,
를 지원합니다. iOS, 안드로이드, IE7.

사용법:

1. jQuery 및 플러그인 로드

<!-- jQuery library (served from Google) --> 
<script src="jquery/1.8.2/jquery.min.js"></script> 
<!-- bxSlider Javascript file --> 
<script src="/js/jquery.bxslider.min.js"></script> 
<!-- bxSlider CSS file --> 
<link href="/lib/jquery.bxslider.css" rel="stylesheet" /> 

2.HTML 콘텐츠

<ul class="bxslider"> 
 <li><img  src="/images/pic1.jpg" / alt="jQuery 플러그인 bxSlider는 반응형 포커스 map_jquery를 구현합니다." ></li> 
 <li><img  src="/images/pic2.jpg" / alt="jQuery 플러그인 bxSlider는 반응형 포커스 map_jquery를 구현합니다." ></li> 
 <li><img  src="/images/pic3.jpg" / alt="jQuery 플러그인 bxSlider는 반응형 포커스 map_jquery를 구현합니다." ></li> 
 <li><img  src="/images/pic4.jpg" / alt="jQuery 플러그인 bxSlider는 반응형 포커스 map_jquery를 구현합니다." ></li> 
</ul> 

3. 함수 호출

$(document).ready(function(){ 
 $('.bxslider').bxSlider(); 
}); 

기능 옵션 구성을 맞춤 설정해주세요.
데모 보기 공식 웹사이트 다운로드

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다