swiper 슬라이드 이미지 넣ㅇ려면? 채택완료
Broadport
7년 전
조회 3,444
구누보드 다국어 0.1.2를 사용합니다.
디렉토리를 보니 js/swiper 가 있던데,
swiper를 이용해서 슬라이더 이미지를 넣고 싶은데,
theme/basic/head.php의 아랫쪽에 아래와 같이 코드를 넣고,
</p>
<p><!-- } end header --></p>
<p><!-- start contents { -->
<div id="wrapper">
<?php if (defined("_INDEX_")) { ?>
<!--?php include GML_THEME_DIR.'/basic/swiper.html'; ?>
<?php } ?>
<div id="container_wr"></p>
<p>
theme/basic/swiper.php 를 만들었는데, raw code 가 표시되고 이미지는 표시되지 않습니다.
어떻게 하면 좋을까요?
</p>
<p><!DOCTYPE html></p>
<p><html lang="en">
<head>
<meta charset="utf-8">
<title>Swiper demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"></p>
<p> <!-- Link Swiper's CSS --></p>
<p></head>
<body>
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="<?php include GML_IMG_DIR.'/slider_img_960_1.jpg'; ?>"/></div>
<div class="swiper-slide"><img src="<?php include GML_IMG_DIR.'/slider_img_960_2.jpg'; ?>"/></div>
<div class="swiper-slide"><img src="<?php include GML_IMG_DIR.'/slider_img_960_3.jpg'; ?>"/></div>
<div class="swiper-slide"><img src="<?php include GML_IMG_DIR.'/slider_img_960_4.jpg'; ?>"/></div>
</div>
<!-- Add Pagination --
<div class="swiper-pagination"></div>-->
<!-- Add Arrows --
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>-->
</div></p>
<p> <!-- Swiper JS -->
<script src="<?php include GML_JS_DIR.'./swiper.jquery.min.js'; ?>"></script></p>
<p> </p>
<p></body></p>
<p></html></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
7년 전
일단 올려주신 theme/basic/swiper.php 코드상에서 잘못된점은
include 가 아니고 echo 로 하셔야 출력이 됩니다.
이미지 와 스크립트 src 부분에 include 를 echo 로 수정하세요.
ex)
<script src="<?php include GML_JS_DIR.'./swiper.jquery.min.js'; ?>"></script>
==>
<script src="<?php echo GML_JS_DIR.'./swiper.jquery.min.js'; ?>"></script>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
혹은 모바일에서 브라우져캐시가 있으면 수정된 사항이 적용이 늦어질 수도 있으니
캐시지우시고 확인해 보세요.