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

제품상세페이지 이미지 화살표버튼대신 터치로 슬라이드? 채택완료

klee 5년 전 조회 2,186

안녕하세요 jewerly 테마를 쓰고 있는데요 예전에 발제했던 문의 글인데 해결이 안되서 다시 문의드립니다. 

https://sir.kr/qa/300335?sfl=mb_id%2C1&lstx=rivatnt12">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 경로 

</p>

<p>

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

<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;</p>

<p>                $img = get_it_thumbnail($it['it_img'.$i], $default['de_mimg_width'], $default['de_mimg_height']);</p>

<p>                if($img) {

                    // 썸네일

                    $thumb = get_it_thumbnail($it['it_img'.$i], 60, 60);

                    $thumbnails[] = $thumb;

                    $big_img_count++;</p>

<p>                    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>';

                }

            }</p>

<p>            if($big_img_count == 0) {

                echo '<img src="'.G5_SHOP_URL.'/img/no_image.gif" alt="">';

            }

            ?>

            </ul>

        </div>

    </div></p>

<p>

</div>

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

<p>

 

모바일 경로 

 

</p>

<p>

<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;</p>

<p>//기존 썸네일이미지로 출력 

//        $thumb = get_it_thumbnail($it['it_img'.$i], $thumb_img_w, $thumb_img_h);</p>

<p>// 원본 이미지로 출력 

        $thumb = get_image($it['it_img'.$i], $thumb_img_w, $thumb_img_h);</p>

<p>        if(!$thumb)

            continue;</p>

<p>        $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>';

    }

    ?></p>

<p>

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

답변 1개

채택된 답변
+20 포인트

제작의뢰로 해야할듯합니다.

터치슬라이드 적용해야할텐데;;

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

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

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

로그인