<?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'].'&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>
<!-- } 상품이미지 미리보기 끝 -->