Program/JAVA Basic

bxSlider 플러그인 설명

주니코리아 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>