애니빌드.LAB
토론방
소스관련 상품상세페이지_이미지정보
- 네**프
- 2014-07-11 11:13:58
- hit3861
- http://lab.anybuild.co.kr/bbs/qna/2991
상품상세페이지의 이미지정보가
사진이 확대도 안되고, 다른 이미지를 올릴 수도 없게 되어있습니다.
이미지를 클릭하면 확대되고, 다른 작은 이미지들이 큰 이미지 아래에 배치되어 있어서 클릭하면 볼 수 있게 되면 좋겠습니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
현재 담당자가 부재중이여서 파일찾는데 어려움이 있습니다.
첨부한 내용이 psd로 작업된거라 타이틀 및 색상을 변경을 해서 그대로 올리시면 될것 같습니다.
만약 아래의 psd로 처리가 되지 않으면 다시 말씀해주시면 한번더 찾아보도록 하겠습니다.
아래의 소스를 원하시는 위치에 삽입을 해주시면 될것 같습니다.
<!-- PRO_GOODS_IMG_ADD start-->
<table width='' border="0" cellpadding="0" cellspacing="0">
<script>
// (앨범형) 상품 이미지 목록 출력 부분
var html_box;
var str = '';
var namuji;
var column = 0; // 변경 금지
var table_col = 5; // 가로 진열수
var img_size = 50; // 이미지 크기
var url;
var goods_img_etc_list_arr = goods_img_etc_list.split("∬");
for(var i =0;i<goods_img_etc_list_arr.length;i++){
if(!goods_img_etc_list_arr[i]) continue;
row = goods_img_etc_list_arr[i].split( "∮" );
url = row[0]; // 고유번호
// 테이블 한칸 안에 들어갈 상품 디자인 선언
html_box = "<table border='0' cellpadding='1' cellspacing='1' bgcolor='C5C5C0'><tr><td bgcolor='ffffff'><img src='"+url+"' border=0 width="+img_size+" height="+img_size+" border=0 onMouseOver=goods_view_img_ch('"+url+"') style='cursor:hand'></td></tr></table>";
column++;
namuji = column % table_col;
if(namuji == 1) str += "<tr>";
str += "<td align=center valign=top style='padding:2px'>"+html_box+"</td> ";
if(namuji == 0) str += "</tr>";
}
namuji = column % table_col;
if(0 < namuji){
for(i=namuji;i<=table_col - 1;i++){
str += "<td width=''></td>";
}
str += "</tr>";
}
document.write(str);
</script>
</table>
<!-- PRO_GOODS_IMG_ADD end-->
<A href="javascript:goods_img_detail({GOODS_IDX})"><IMG height=24 src="/img_up/tmp_img/webdi/3_99/bt_zoom01.gif" width=114 border=0></A>
일단 이 부분을 지금 상품상세 페이지 즉, 세부화면디자인에 있는 상품상세보기 부분 소스에는 적용을 시켜 놓았습니다.
따라서 다른곳에 사용을 하실려면 위의 소스를 원하시는 위치에 넣어주시면 됩니다.
감사합니다.