배너 슬라이드 (롤링) > JQuery & JavaScript

STUDY ROOM

JQuery & JavaScript

배너 슬라이드 (롤링)

페이지 정보

작성자 JMStudy 작성일16-03-14 16:34 조회5,846회 댓글0건

본문

http://bxslider.com/

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<script type="text/javascript" src="/script/jquery.banner.js"></script>

<script type="text/javascript">

<!--

$(function() {

$("#banners").jQBanner({ //롤링을 할 영역의 ID 값

nWidth:800, //영역의 width

nHeight:250, //영역의 height

nCount:3, //돌아갈 이미지 개수

isActType:"left", //움직일 방향 (left, right, up, down)

nOrderNo:1, //초기 이미지

nDelay:5000 //롤링 시간 타임 (1000 = 1초)

/*isBtnType:"li"*/ //라벨(버튼 타입) - 여기는 안쓰임

}

);

 

});

//-->

</script> 

 

 

<div id="banners">
<div class="clsBannerScreen">
<div class="images" style="display:block"><?=$img1?></div>
<div class="images"><?=$img2?></div>
<div class="images"><?=$img3?></div>
</div>
</div>

 

 

 

댓글목록

등록된 댓글이 없습니다.