리스트페이지 썸네일(첨부파일) 모달팝업으로 띄우기 채택완료
한시오십분
3년 전
조회 2,184
안녕하세요
리스트 페이지에서 게시글을 클릭 시 뷰페이지로 이동이 아닌 모달 팝업(슬라이드)형태로 첨부파일을 뽑아오고 싶은데 잘 안되서 질문드립니다 ..!
1. 첨부파일을 10개 등록했다고 가정했을 때 리스트 페이지에서 해당 첨부파일이 모두 나오게 하기
(for 문 형태로 갯수에 상관없이 전부 나오게 하기 / 첨부파일이 없다면 미노출)
2. 일단 퍼블리싱으로 팝업형태는 만들어져 있습니다
</p>
<p><!-- portfolio popup -->
<div class="mabs_portfolio_popup">
<div class="portfolio_main_slide_wrap">
<div class="portfolio_main_slide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="../images/portfolio/pfo_pop_img.png" alt="">
</div>
<div class="swiper-slide">
<img src="../images/portfolio/pfo_pop_img2.png" alt="">
</div>
<div class="swiper-slide">
<img src="../images/portfolio/pfo_pop_img.png" alt="">
</div>
</div>
</div>
<div class="swiper-next"></div>
<div class="swiper-prev"></div>
<div class="mabs_portfolio_popup_close"></div>
</div></p>
<p> <!-- 사이드 슬라이드 -->
<div thumbsSlider="" class="portfolio_thumbs_slide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="../images/portfolio/pfo_pop_sub_img1.png" />
</div>
<div class="swiper-slide">
<img src="../images/portfolio/pfo_pop_sub_img1_1.png" />
</div>
</div>
</div>
</div>
<!-- portfolio popup// --></p>
<p>
이 코드를 리스트 페이지에 추가할 때 swiper-slide 안에 있는 img를 for문으로 첨부파일이 나오게 하고 싶습니다
3. 첨부파일 첫번째는 썸네일로 지정되고 팝업으로 띄웠을 때 첨부파일 첫번쨰부터 모두 나오게 하고 싶습니다 !
도와주세요ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인