테스트 사이트 - 개발 중인 베타 버전입니다

로딩바 슬라이더 배너-1

· 6년 전 · 5212 · 10

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>

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 10개

6년 전
좋은 팁 감사합니다.
6년 전
감사합니다.
좋은자료 고맙습니다.
6년 전
감사합니다.
6년 전
감사합니다.
6년 전
감사합니다.
감사합니다.
6년 전
감사합니다!
좋은데요 감사합니다~~~
좋은 정보 감사합니다.

게시글 목록

번호 제목
23966
23963
23953
23949
23938
23935
23933
23928
23919
23918
23917
23910
23902
23901
23897
23894
23893
23891
23885
23872
23870
23862
23859
23853
23845
23838
23827
23819
23805
23801