제품상세페이지 이미지 화살표버튼대신 터치로 슬라이드?
관련링크
본문
안녕하세요 jewerly 테마를 쓰고 있는데요 예전에 발제했던 문의 글인데 해결이 안되서 다시 문의드립니다.
https://sir.kr/qa/300335?sfl=mb_id%2C1&lstx=rivatnt12
모바일상에서 제품상세 이미지를 화살표버튼 말고 이미지를 손으로 넘기고 싶은데 가능할까요? 어느부분을 만져야할지 모르겠네요, 가급적 한이미지씩 나오는거 말고 이미지가 옆으로 쭉나열되있게 만들고 손으로 스크롤하듯이 넘기고 싶습니다.
피시 경로는--> jewelry/skin/shop/item.form.skin.php 이구요
모바일경로는 ---> jewelry/mobile/skin/shop/basic/item.form.skin.php
PC 경로
<!-- 상품이미지 미리보기 시작 { -->
<div id="sit_pvi">
<div id="sit_pvi_big">
<div id="mslider" class="flexslider">
<ul class="slides">
<?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], 60, 60);
$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>
</div>
</div>
</div>
<!-- } 상품이미지 미리보기 끝 -->
모바일 경로
<div id="sit_ov_wrap">
<?php
// 이미지(중) 썸네일
$thumb_img = '';
$thumb_img_w = 300; // 넓이
$thumb_img_h = 450; // 높이
for ($i=1; $i<=10; $i++)
{
if(!$it['it_img'.$i])
continue;
//기존 썸네일이미지로 출력
// $thumb = get_it_thumbnail($it['it_img'.$i], $thumb_img_w, $thumb_img_h);
// 원본 이미지로 출력
$thumb = get_image($it['it_img'.$i], $thumb_img_w, $thumb_img_h);
if(!$thumb)
continue;
$thumb_img .= '<li>';
$thumb_img .= '<a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&no='.$i.'" class="popup_item_image slide_img" target="_blank">'.$thumb.'</a>';
$thumb_img .= '</li>'.PHP_EOL;
}
if ($thumb_img)
{
echo '<div id="sit_pvi">'.PHP_EOL;
echo '<button type="button" id="sit_pvi_prev" class="sit_pvi_btn" >이전</button>'.PHP_EOL;
echo '<button type="button" id="sit_pvi_next" class="sit_pvi_btn">다음</button>'.PHP_EOL;
echo '<ul id="sit_pvi_slide" style="width:'.$thumb_img_w.'px;height:'.$thumb_img_h.'px">'.PHP_EOL;
echo $thumb_img;
echo '</ul>'.PHP_EOL;
echo '</div>';
}
?>
답변을 작성하시기 전에 로그인 해주세요.