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

소스질문좀드리겠습니다 채택완료

초보입니다1 8년 전 조회 6,394

제이쿼리를 활용하여 

게시판 글쓰기 첨부파일 부분 이미지를 넣으면

제이쿼리에 자동으로 들어가게끔 제작하고있는데 잘안되네요 ㅠ

 

아래보시면  첨부파일 이미지를 2개를 넣어놨습니다

그런데 swiper-slide  안에 a태그 하나씩 들어가야하는데 보시면   swiper-slide 안에 이미지가 다들어갑니다 ㅠㅠ

 

현재소스

</p><p><div class="swiper-container"></p><p>        <div class="swiper-wrapper"></p><p>        <?php</p><p>        // 파일 출력</p><p>        $v_img_count = count($view['file']);</p><p>        if($v_img_count) {</p><p>            echo "<div class=\"swiper-slide\">\n";</p><p> </p><p>            for ($i=0; $i<=count($view['file']); $i++) {</p><p>                if ($view['file'][$i]['view']) {</p><p>                    //echo $view['file'][$i]['view'];</p><p>                    echo get_view_thumbnail($view['file'][$i]['view']);</p><p>                }</p><p>            }</p><p> </p><p>            echo "</div>\n";</p><p>        }</p><p>         ?></p><p> </p><p>      </div></p><p>        <!-- Add Pagination --></p><p>        <div class="swiper-pagination"></div></p><p>        <!-- Add Arrows --></p><p>        <div class="swiper-button-next"></div></p><p>        <div class="swiper-button-prev"></div></p><p>    </div></p><p><span class="Apple-tab-span" style="white-space:pre">		</span> </p><p>

 

원본소스

</p><p> <div class="swiper-container"></p><p>        <div class="swiper-wrapper"></p><p>            <div class="swiper-slide" data-hash="slide1">Slide 1</div></p><p>            <div class="swiper-slide" data-hash="slide2">Slide 2</div></p><p>            <div class="swiper-slide" data-hash="slide3">Slide 3</div></p><p>            <div class="swiper-slide" data-hash="slide4">Slide 4</div></p><p>            <div class="swiper-slide" data-hash="slide5">Slide 5</div></p><p>            <div class="swiper-slide" data-hash="slide6">Slide 6</div></p><p>            <div class="swiper-slide" data-hash="slide7">Slide 7</div></p><p>            <div class="swiper-slide" data-hash="slide8">Slide 8</div></p><p>            <div class="swiper-slide" data-hash="slide9">Slide 9</div></p><p>            <div class="swiper-slide" data-hash="slide10">Slide 10</div></p><p>        </div></p><p>        <!-- Add Pagination --></p><p>        <div class="swiper-pagination"></div></p><p>        <!-- Add Arrows --></p><p>        <div class="swiper-button-next"></div></p><p>        <div class="swiper-button-prev"></div></p><p>    </div></p><p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

<div>

echo get_view_thumbnail($view['file'][$i]['view']);

</div>

 

이런식이 되게 수정하세요.

지금은 감싸는 요소가 외곽에 있으니 안쪽의 반복문은 그냥 연속해서 뿌려지고 있네요.


로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

</strong><span style="font-size: 11pt;"><div class="swiper-container"></span></p><pre>        <div class="swiper-wrapper">
        <?php
        // 파일 출력
        $v_img_count = count($view['file']);
        if($v_img_count) {</pre><pre> 
            for ($i=0; $i<=count($view['file']); $i++) {<pre style="font-size: 14.6667px;">            echo "<div class=\"swiper-slide\" <code class="plain" style="font-size: 14.004px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important;">data-hash=</code><code class="string" style="font-size: 14.004px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important; color: blue !important;">"slide<?php echo $i;?>"</code>>\n";</pre>                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> </pre><p><span style="font-size: 11pt;">   </span><strong style="color: rgb(127, 127, 127); font-family: 돋움, Dotum, sans-serif; font-size: 12px;">
  

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

초보입니다1
8년 전
이렇게 할시 오류가 뜨네요 ㅠㅠ
돼지코구뇽
8년 전
오류날게 없어뵈는데 for문 아래 넣으신거맞나요?. . .

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인