프리랜서 웹개발자RELATION

RELATION 로고

홈페이지 소스

[소스] Swiper Slide#2 play stop

2022.06.23
[북마크(작업중)]    [작성자 정보]
[소스] 슬라이드 배너 Swiper Slide#2 - PLAY, STOP
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> 

이 포스트 공유하기

글수정  글삭제 전체목록