-
bxSlider 플러그인 설명Program/JAVA Basic 2020. 7. 11. 00:39
플러그인 : 이미 누군가 만들어 놓은 기능을 쉽게 가져다가 사용할수 있게 해 놓은 파일들.
출처 : https://grace-go.tistory.com/97?category=706904
bxslider(1) -설치, 실행
* bxslider * (http://bxslider.com/) 1. 반응성이 좋다 2. 수직의, 수평의, 사라지는 모드의 애니메이션 제공 3. 슬라이드는 이미지, 비디오, 단순HTML을 가질 수 있다 4. touch와 swipe( 터치디바이스에서 옆..
grace-go.tistory.com
첫번째
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
두번째
<script>
$(document).ready(function(){
$('.slider').bxSlider();
}); </script>
세번째
</head>
<body>
<div class="slider">
<div>I am a slide.</div>
<div>I am another slide.</div>
</div>
</body>
</html>
'Program > JAVA Basic' 카테고리의 다른 글
bxslider basic편 (4) 2020.07.11 layout 3 images by owl carousel plugin . (2) 2020.07.11 아울 캐러셀 이용-기본 (4) 2020.07.10 Owl Carousel 플러그인 설명 (0) 2020.07.10 일정구간 따라다니는 탑바 (습관상점) (3) 2020.07.09