画像セットの Web ページへのリンク

画像セットの公開後、その画像セットの URL または埋め込みコードを Web サイトやアプリケーションで使用できるようになります。次に、必要に応じてこの URL を配信するか、埋め込みコードをペーストすると、ユーザは Web サイトやアプリケーション上で画像セットを表示できます。

重要: URL は、アセットを公開するまでアクティブになりません。

画像セットの URL のコピー

  1. アセットの参照パネルの「表示」ドロップダウンリストで 「画像セット」 をクリックします。

  2. 左側のアセットライブラリパネルで、コピーする埋め込みコードを持つ画像セットを含むアセットフォルダに移動します。

  3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。
    • 「グリッドビュー」 をクリックします。アセットの参照パネルで、1 つのアセットをダブルクリックし、アセットを詳細ビューで開きます。右側の URL および埋め込みコードパネルで、必要なビューアの右側の 「URL をコピー」 をクリックします。

    • 「グリッドビュー」 をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の下にある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下で、 「URL をコピー」 をクリックします。

    • 「リストビュー」 をクリックします。アセットの参照パネルで、1 つのアセットを選択して、サムネール画像の右側にある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下で、 「URL をコピー」 をクリックします。

    • 「グリッドビュー」 「リストビュー」 、または 「詳細ビュー」 をクリックします。同じツールバーにある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下で、 「URL をコピー」 をクリックします。

Web ページへの画像セットの URL の追加

画像セットは、ナビゲーションアイコンにより Web ページにリンク表示するのが、最も一般な使用方法です。リンクをクリックすると、ポップアップズームウィンドウで画像セットを表示する動的ページ(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 )です。ユーザがズーム機能リンクをクリックすると、ウィンドウが起動します。

画像セットビューアの埋め込みコードのコピー

埋め込みコード機能を使用すると、選択した画像セットのビューアコードをレビューすることができます。コードをクリップボードにコピーして、ビューアを配信する Web ページにペーストすることもできます。埋め込みコードダイアログボックスでは、コードを編集することはできません。

画像セットビューアの埋め込みコードをコピーするには

  1. アセットの参照パネルの「表示」ドロップダウンリストで 「画像セット」 をクリックします。

  2. 左側のアセットライブラリパネルで、コピーする埋め込みコードを持つ画像セットを含むアセットフォルダに移動します。

  3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。
    • 「グリッドビュー」 をクリックします。アセットの参照パネルで、1 つのアセットをダブルクリックし、アセットを詳細ビューで開きます。右側の URL パネルで、 「埋め込みコード」 をクリックします。

    • 「グリッドビュー」 をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の下にある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下にある 「埋め込みコード」 をクリックします。

    • 「リストビュー」 をクリックします。アセットの参照パネルで、1 つのアセットを選択して、サムネール画像の右側にある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下にある 「埋め込みコード」 をクリックします。

    • 「グリッドビュー」 「リストビュー」 、または 「詳細ビュー」 をクリックします。同じツールバーにある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下にある 「埋め込みコード」 をクリックします。

  4. 埋め込みコードダイアログボックスで、 「クリップボードにコピー」 をクリックします。

    埋め込みコードダイアログボックスでは、コードを編集することはできません。

  5. 「閉じる」をクリックします。