소스질문좀드리겠습니다
본문
제이쿼리를 활용하여
게시판 글쓰기 첨부파일 부분 이미지를 넣으면
제이쿼리에 자동으로 들어가게끔 제작하고있는데 잘안되네요 ㅠ
아래보시면 첨부파일 이미지를 2개를 넣어놨습니다
그런데 swiper-slide 안에 a태그 하나씩 들어가야하는데 보시면 swiper-slide 안에 이미지가 다들어갑니다 ㅠㅠ
현재소스
<div class="swiper-container">
<div class="swiper-wrapper">
<?php
// 파일 출력
$v_img_count = count($view['file']);
if($v_img_count) {
echo "<div class=\"swiper-slide\">\n";
for ($i=0; $i<=count($view['file']); $i++) {
if ($view['file'][$i]['view']) {
//echo $view['file'][$i]['view'];
echo get_view_thumbnail($view['file'][$i]['view']);
}
}
echo "</div>\n";
}
?>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
원본소스
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" data-hash="slide1">Slide 1</div>
<div class="swiper-slide" data-hash="slide2">Slide 2</div>
<div class="swiper-slide" data-hash="slide3">Slide 3</div>
<div class="swiper-slide" data-hash="slide4">Slide 4</div>
<div class="swiper-slide" data-hash="slide5">Slide 5</div>
<div class="swiper-slide" data-hash="slide6">Slide 6</div>
<div class="swiper-slide" data-hash="slide7">Slide 7</div>
<div class="swiper-slide" data-hash="slide8">Slide 8</div>
<div class="swiper-slide" data-hash="slide9">Slide 9</div>
<div class="swiper-slide" data-hash="slide10">Slide 10</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
답변 2
<div>
echo get_view_thumbnail($view['file'][$i]['view']);
</div>
이런식이 되게 수정하세요.
지금은 감싸는 요소가 외곽에 있으니 안쪽의 반복문은 그냥 연속해서 뿌려지고 있네요.
<div class="swiper-container">
<div class="swiper-wrapper">
<?php
// 파일 출력
$v_img_count = count($view['file']);
if($v_img_count) {
for ($i=0; $i<=count($view['file']); $i++) { echo "<div class=\"swiper-slide\" data-hash="slide<?php echo $i;?>">\n"; if ($view['file'][$i]['view']) {
//echo $view['file'][$i]['view'];
echo get_view_thumbnail($view['file'][$i]['view']);
}
}
echo "</div>";
}
?>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
!-->
답변을 작성하시기 전에 로그인 해주세요.