로딩바 슬라이더 배너-1 > 그누보드5 팁자료실

그누보드5 팁자료실

로딩바 슬라이더 배너-1 정보

로딩바 슬라이더 배너-1

첨부파일

banner-1.rar (1.7M) 74회 다운로드 2019-11-01 17:46:28

본문

1888659241_1572596151.2834.png

 

 


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title> = 푸른하늘 = 로딩바 슬라이더 배너 테스트 </title>
</head>
<link rel="stylesheet" type="text/css" href="css/owl.theme.css" />
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
<script type="text/javascript" src="https://www.17sucai.com/preview/595109/2019-06-25/switch_banner/js/jquery.min.js"></script>
 
<!--시작   파일은 인터넷에서 펌한것입니다.-->   
<script type="text/javascript" src="https://www.17sucai.com/preview/595109/2019-06-25/switch_banner/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="https://www.17sucai.com/preview/595109/2019-06-25/switch_banner/js/progress.js" ></script>
<body>
<div id="owl-demo" class="owl-carousel">

<!--  <a class="item"><img src="경로/이미지.jpg" alt=""></a>    -->

    <a class="item"><img src="images/banner1.jpg" alt=""></a>    
    <a class="item"><img src="images/banner2.jpg" alt=""></a>
    <a class="item"><img src="images/banner3.jpg" alt=""></a></div>
 
<!--옵션-->
<script type="text/javascript">
$(function(){
    $('#owl-demo').owlCarousel({
        items: 1,
        autoPlay: true,
        slideSpeed: 100,
    });
});
</script>
</body>
</html>

 

추천
4

댓글 10개

전체 2,412 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT