채택완료

영카트 item.form.skin 큰 이미지 슬라이드 삽입 문의

2022-03-04 (금) 17:07:13 2,226

안녕하세요

항상 많은 도움 주셔서 감사합니다.

제가 영카트 상세페이지 큰 이미지에 슬라이드 기능을 넣고 싶은데 아무리 해봐도 안되네요..ㅠ

제가 평소에 자주 사용하는 bxSlider를 쓰려고 하구요,

https://sir.kr/qa/299268

저와는 반대로 슬라이드 기능을 삭제하려는 이 분의 글을 참고해서 아래와 같이 코딩 했습니다.

Copy
<?php

add_stylesheet('<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">', 1);
add_javascript('<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>', 0);

?>

 

<script>
$(document).ready(function(){
  $('.slider').bxSlider();
});
</script>

 

<!-- 상품이미지 미리보기 시작 { -->
<div id="sit_pvi">
    <div id="sit_pvi_big">
        <ul class="slider">
            <?php
            $big_img_count = 0;
            $thumbnails = array();
            for($i=1; $i<=10; $i++) {
                if(!$it['it_img'.$i])
                    continue;
                $img = get_it_thumbnail($it['it_img'.$i], $default['de_mimg_width'], $default['de_mimg_height']);
                if($img) {
                    // 썸네일
                    $thumb = get_it_thumbnail($it['it_img'.$i], 70, 70);
                    $thumbnails[] = $thumb;
                    $big_img_count++;
                    echo '<li>
            <a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&amp;no='.$i.'" target="_blank" class="popup_item_image">'.$img.'</a></li>
            '; } } if($big_img_count == 0) { echo '<img src="'.G5_SHOP_URL.'/img/no_image.gif" alt="">'; } ?>
        </ul>
        <a href="<?php echo g5_shop_url; ?>/largeimage.php?it_id=<?php echo $it['it_id']; ?>
        &amp;no=1" target="_blank" id="popup_item_image" class="popup_item_image"><i class="fa fa-search-plus" aria-hidden="true"></i><span class="sound_only">확대보기</span></a>
    </div>
    <?php
            // 썸네일
            $thumb1 = true;
            $thumb_count = 0;
            $total_count = count($thumbnails);
            if($total_count >
     0) { echo '
    <ul id="sit_pvi_thumb">
        '; foreach($thumbnails as $val) { $thumb_count++; $sit_pvi_last =''; if ($thumb_count % 5 == 0) $sit_pvi_last = 'class="li_last"'; echo '
        <li '.$sit_pvi_last.'>'; echo '<a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&amp;no='.$thumb_count.'" target="_blank" class="popup_item_image img_thumb">'.$val.'<span class="sound_only"> '.$thumb_count.'번째 이미지 새창</span></a>'; echo '</li>
        '; } echo '
    </ul>
    '; } ?>
</div>
<!-- } 상품이미지 미리보기 끝 -->

아예 이미지가 안나오네요...

여러 방법으로 해봐도 레이아웃 다 깨지고 기능도 되지 않아 문의드립니다..

도움 부탁드려요 ㅠㅠ

감사합니다.

답변 1개

채택된 답변
+20 포인트

css 도 봐야하고  링크를 주시는게 그나마 답변을 얻을수 있는 방법 일듯합니다 딱 해당소스만 가지고 해결할 수 있는 분은 없을듯요

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