홈페이지 소스
[소스] Swiper Slide#2 play stop
작성자
꿘쓰
작성일/수정일
2022-06-23 17:51:32 / 2022-06-23 17:51:32
[소스] 슬라이드 배너 Swiper Slide#2 - PLAY, STOP
http://relation.co.kr/images_board/board_system_publishing/245/slide2_1.php
slide4.php
http://relation.co.kr/images_board/board_system_publishing/245/slide2_1.php
slide4.php
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta http-equiv="X-UA-Compatible" content="IE=11.0000" >
<meta NAME="viewport" content="user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, height=device-height">
<meta NAME="apple-mobile-web-app-capable" content="yes">
<meta NAME="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" type="text/css" href="css_js_slide1/common4.css"/>
<script src="css_js_slide1/jquery-3.4.1.min.js"></script>
<script src="css_js_slide1/swiper2.min.js"></script>
<script src="css_js_slide1/main4.js"></script>
<title>RELATION.CO.KR_5_245_4</title>
</head>
<body>
<div class="wrap" id="art_top">
<SECTION>
<ARTICLE>
<!-- 메인키비주얼 -->
<div id="visual_slide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="img_wrap"><img src="../../../images_sample/s1.jpg" width="100%" alt=""></div>
</div>
<div class="swiper-slide">
<div class="img_wrap"><img src="../../../images_sample/s2.jpg" width="100%" alt=""></div>
</div>
<div class="swiper-slide">
<div class="img_wrap"><img src="../../../images_sample/s3.jpg" width="100%" alt=""></div>
</div>
</div>
<div class="arrow-wrap">
<div class="btn-arrow btn-prev" aria-label="Previous slide"></div>
<div class="btn-arrow btn-next" aria-label="Next slide"></div>
</div>
<div class="pagination"></div>
<!--div class="btn_areaaaa">
<button type="button" class="start">start</button>
<button type="button" class="stop">stop</button>
</div-->
</div>
<!-- /메인키비주얼 -->
</ARTICLE>
</SECTION>
</div><!-- div class="wrap" -->
</body>
</html>