Vincular um conjunto de amostras a uma página da Web

Depois de publicar um Conjunto de amostras, você pode usar seu URL ou código incorporado em seu site ou aplicativo. Em seguida, é possível implantar o URL ou o código incorporado conforme necessário para que os usuários possam visualizar o Conjunto de amostras no seu site ou aplicativo.

Copiar um URL de conjunto de amostras

1. No painel Navegação de ativos , na lista suspensa Mostrar , selecione Swatch Set.

2. no painel Biblioteca de ativos, à esquerda, navegue até a pasta de ativos que contém o Conjunto de amostras cujo código incorporado você deseja copiar.

3. Acima do painel Navegação de ativos , no lado direito da barra de ferramentas, execute um dos seguintes procedimentos:

   • Selecione Grid View. No painel Navegação de ativos, clique duas vezes em um único ativo para abri-lo na Exibição de detalhes. No painel URLs e Código incorporado à direita, selecione Copy URL à direita do visualizador desejado.

   • Selecione Grid View. No painel Navegação de ativos, selecione um único ativo e, em seguida, abaixo da imagem em miniatura, vá para Preview > Viewer List.

     Na página Lista de visualizadores , na coluna Ações da tabela, selecione Copy URL.

   • Selecione List View. No painel Navegação de ativos, selecione um único ativo e, à direita da imagem em miniatura, vá para Preview > Viewer List.

     Na página Lista de visualizadores , na coluna Ações da tabela, selecione Copy URL.

   • Selecione Grid View, List View ou Detail View. Na mesma barra de ferramentas, vá para Preview > Viewer List.

     Na página Lista de visualizadores , na coluna Ações da tabela, selecione Copy URL.

Adicionar URLs de conjuntos de amostras à sua página da Web

A maneira mais comum de implantar Conjuntos de amostras é colocar um link (por meio de um ícone de navegação) na página da Web. Quando clicado, o link inicia uma página dinâmica (ASP ou JSP) que exibe o Conjunto de amostras em uma janela de zoom pop-up. O link de zoom abre uma janela pop-up que contém o recurso de zoom real.

Para obter mais detalhes e exemplos de código, consulte Incorporando Visualizador de Zoom HTML5 no Guia de Referência de Visualizadores do Adobe.

Copiar o código incorporado de um visualizador de Conjunto de amostras

Usar o recurso Incorporar código permite que você revise o código do visualizador para o Conjunto de amostras selecionado. Você também pode copiar o código para a área de transferência, de modo que possa colá-lo em suas páginas da Web para a implantação do visualizador. A edição do código não é permitida na caixa de diálogo Incorporar código.

Para copiar o código incorporado de um visualizador de Conjunto de amostras:

1. No painel Navegação de ativos , na lista suspensa Mostrar , selecione Swatch Set.

2. no painel Biblioteca de ativos, à esquerda, navegue até a pasta de ativos que contém o Conjunto de amostras cujo código incorporado você deseja copiar.

3. Acima do painel Navegação de ativos , no lado direito da barra de ferramentas, execute um dos seguintes procedimentos:

   • Selecione Grid View. No painel Navegação de ativos, clique duas vezes em um único ativo para abri-lo na Exibição de detalhes. No painel URLs e Código incorporado à direita, selecione Embed Code à direita do visualizador desejado.

   • Selecione Grid View. No painel Navegação de ativos, selecione um único ativo e, em seguida, abaixo da imagem em miniatura, vá para Preview > Viewer List.

     Na página Lista de visualizadores , na coluna Ações da tabela, selecione Embed Code.

   • Selecione List View. No painel Navegação de ativos, selecione um único ativo e, à direita da imagem em miniatura, vá para Preview > Viewer List.

     Na página Lista de visualizadores , na coluna Ações da tabela, selecione Embed Code.

   • Selecione Grid View, List View ou Detail View. Na mesma barra de ferramentas, vá para Preview > Viewer List.

     Na página Lista de visualizadores , na coluna Ações da tabela, selecione Embed Code.

4. Na caixa de diálogo Incorporar código, selecione Copy to Clipboard.

   A edição do código não é permitida na caixa de diálogo Incorporar código .

5. Selecione Close.