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

로딩바 슬라이더 배너-1

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개

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

게시판 목록

그누보드5 팁자료실

글쓰기
🐛 버그신고