이미지 집합을 웹 페이지에 연결

1. [자산 찾아보기] 패널의 [표시] 드롭다운 목록에서 [이미지 집합] 을 클릭합니다.

2. 왼쪽의 [자산 라이브러리] 패널에서 임베드 코드를 복사하려는 이미지 집합이 들어 있는 자산 폴더를 탐색합니다.

3. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.

   • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽의 [URL 및 임베드 코드] 패널에서 원하는 뷰어의 오른쪽에 있는 [URL 복사] 를 클릭합니다.

   • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 아래에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사] 를 클릭합니다.

   • [목록 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 오른쪽에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사] 를 클릭합니다.

   • [그리드 보기] , [목록 보기] 또는 [세부 사항 보기] 를 클릭합니다. 동일한 도구 모음에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사] 를 클릭합니다.

이미지 집합을 배포하는 가장 일반적인 방법은 탐색 아이콘을 통해 웹 페이지에 링크를 배치하는 것입니다. 링크를 클릭하면 팝업 확대/축소 창에서 이미지 집합을 표시하는 동적 페이지(ASP 또는 JSP)가 시작됩니다. 확대/축소 링크는 실제 확대/축소 기능이 포함된 팝업 창을 엽니다. 코드 예제는 다음과 같습니다.

<script language="javascript"> 
<!-- 
function zoom_window() { 
window.open("http://sample.scene7.com/s7ondemand/zoom/flasht_zoom.jsp?company=S7Web&sku=sweater_1_set","", 
"toolbar=no,location=no,directories=no,"+ 
"status=no,menubar=no,scrollbars=yes"+ 
"resizable=yes,width=500,height=450,top=0,left=0,right=0,bottom=0") 
} 
--> 
</script>

Scene7 플랫폼에 대한 다음 URL 호출은 이제 SKU 매개 변수가 이미지 집합 이름인 점을 제외하고 모든 확대/축소 뷰어와 동일한 프로토콜을 따릅니다.

http://sample.scene7.com/s7ondemand/zoom/flasht_zoom.jsp?company=S7Web&sku=sweater_1_set

위 URL에서 SKU 번호( sku=sweater_1_set )를 확인합니다. sku= 뒤의 문자열은 이미지 집합 이름( sweater_1_set )입니다. 사용자가 창을 시작하는 확대/축소 기능 링크를 클릭합니다.

임베드 코드 기능을 사용하면 선택한 이미지 집합의 뷰어 코드를 검토할 수 있습니다. 또한 뷰어 배포를 위해 코드를 클립보드로 복사하여 웹 페이지에 붙여넣을 수도 있습니다. 코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

이미지 집합 뷰어의 임베드 코드를 복사하려면

1. [자산 찾아보기] 패널의 [표시] 드롭다운 목록에서 [이미지 집합] 을 클릭합니다.

2. 왼쪽의 [자산 라이브러리] 패널에서 임베드 코드를 복사하려는 이미지 집합이 들어 있는 자산 폴더를 탐색합니다.

3. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.

   • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽의 [URL] 패널에서 [임베드 코드] 를 클릭합니다.

   • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 아래에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드] 를 클릭합니다.

   • [목록 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 오른쪽에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드] 를 클릭합니다.

   • [그리드 보기] , [목록 보기] 또는 [세부 사항 보기] 를 클릭합니다. 동일한 도구 모음에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드] 를 클릭합니다.

4. [임베드 코드] 대화 상자에서 [클립보드에 복사] 를 클릭합니다.

   코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

5. [닫기]를 클릭합니다.