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

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

안녕하세요

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

 

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

 

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

 

https://sir.kr/qa/299268

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

 

</p>

<p><?php</p>

<p>add_stylesheet('<link rel="stylesheet" href="<a href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">'," target="_blank" rel="noopener noreferrer">https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">',</a> 1);

add_javascript('<script src="<a href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>'," target="_blank" rel="noopener noreferrer">https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>',</a> 0);</p>

<p>?></p>

<p> </p>

<p><script>

$(document).ready(function(){

  $('.slider').bxSlider();

});

</script></p>

<p> </p>

<p><!-- 상품이미지 미리보기 시작 { -->

<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'].'&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']; ?>

        &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'].'&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>

<!-- } 상품이미지 미리보기 끝 --></p>

<p>

 

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

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

 

도움 부탁드려요 ㅠㅠ

 

감사합니다.

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

답변 1개

채택된 답변
+20 포인트

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

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

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

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

로그인

전체 질문 목록