영카트5 상세페이지 이미지 슬라이드 스크립트 작동이 안됩니다.
본문
안녕하세요.
영카트 5의 테마(Redshop)를 사용하여 홈페이지를 제작하고 있습니다.
상품상세페이지 이미지 표시를 다른 테마(Pet, Blueberry)의 슬라이딩 방식으로
바꿀려고 코드를 복사하고, 관련 JS파일도 해당 폴더에 넣었지만 작동이 되지 않습니다.
상품이미지가 일렬로 화면에 표시되고, 하나의 이미지에서 슬라이드가 안되고 있습니다.
관리자 모드에서 테마를 변경(redshop -> pet)하고, 상품 페이지를 확인하면
스크립트가 작동을 합니다.
스킨파일 외에 다른 파일에도 스크립트 설정을 해야하는가요?
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
add_javascript('<script src="'.G5_THEME_JS_URL.'/fixto.min.js"></script>', 10);
add_javascript('<script src="'.G5_THEME_JS_URL.'/unslider-min.js"></script>', 10);
?>
<form name="fitem" method="POST" action="<?php echo $action_url; ?>" onsubmit="return fitem_submit(this);">
<input type="hidden" name="it_id" value="<?php echo $it_id; ?>">
<input type="hidden" name="sw_direct">
<input type="hidden" name="url">
<div id="sit_ov_wrap">
<!-- 상품이미지 미리보기 시작 { -->
<div id="sit_pvi">
<ul id="sit_pvi_big">
<?php
$big_img_count = 0;
$thumb_img_w = 500; // 넓이
$thumb_img_h = 500; // 높이
$thumbnails = array();
for($i=1; $i<=10; $i++) {
if(!$it['it_img'.$i])
continue;
$img = get_it_thumbnail($it['it_img'.$i], $thumb_img_w, $thumb_img_h);
if($img) {
$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>
<!-- } 상품이미지 미리보기 끝 -->
<script>
$(function() { $("#sit_pvi").unslider({
autoplay:true,
speed: 500,
nav:false
});
});
// 상품이미지 크게보기
$(".popup_item_image").click(function() {
var url = $(this).attr("href");
var top = 10;
var left = 10;
var opt = 'scrollbars=yes,top='+top+',left='+left;
popup_window(url, "largeimage", opt);
return false;
});
</script>
답변 1
add_javascript('<script src="'.G5_THEME_JS_URL.'/fixto.min.js"></script>', 10);
add_javascript('<script src="'.G5_THEME_JS_URL.'/unslider-min.js"></script>', 10);
이 부분부터 확인해보아야 할거같습니다.
제대로 js파일이 로딩되었는지 확인이 필요할거같습니다.
예~감사합니다. ^^
JS, CSS파일을 하나씩 확인하고 있는데 어디가 문제인지...쉽지가 않네요.
답변을 작성하시기 전에 로그인 해주세요.
