FlyoutViewer

Referência da API do JavaScript para o Visualizador de Zoom em Linha.

FlyoutViewer([config])

Construtor; cria uma nova instância do Visualizador de Zoom em Linha.

Parâmetros

configuração

{Object} objeto de configuração JSON opcional, permite que todas as configurações do visualizador passem para o construtor e evitem chamar métodos de setter individuais. Contém as seguintes propriedades:

  • containerId - {String} ID do contêiner DOM (normalmente um DIV ) no qual o visualizador é inserido. Não é necessário ter o elemento container criado pelo momento em que esse método é chamado. No entanto, o contêiner deve existir quando init() é executado. Obrigatório.
  • params - {Object} objeto JSON com parâmetros de configuração do visualizador, onde o nome da propriedade é uma opção de configuração específica do visualizador ou um modificador de SDK, e o valor dessa propriedade é um valor de configurações correspondente. Obrigatório.
  • manipuladores - objeto {Object} JSON com retornos de chamada do evento do visualizador, onde o nome da propriedade é o nome do evento do visualizador suportado, e o valor da propriedade é uma referência de função JavaScript para um retorno de chamada apropriado. Opcional.

    Consulte Retornos de chamada do evento para obter mais informações sobre os eventos do visualizador.

  • localizedTexts - { Object } objeto JSON com dados de localização. Opcional.

    Consulte Localização dos elementos da interface do usuário para obter mais informações.

    Consulte o Guia do usuário do SDK do visualizador e o exemplo para obter mais informações sobre o conteúdo do objeto.

Retorna

Nenhum.

Exemplo

var inlineZoomViewer = new s7viewers.FlyoutViewer({ 
 "containerId":"s7viewer", 
"params":{ 
 "asset":"Scene7SharedAssets/ImageSet-Views-Sample", 
"config" : "Scene7SharedAssets/Universal_HTML5_Zoom_Inline", 
"contenturl" : "http://s7d1.scene7.com/is/content/", 
 "serverurl":"http://s7d1.scene7.com/is/image/" 
}, 
"handlers":{ 
 "initComplete":function() { 
  console.log("init complete"); 
} 
}, 
"localizedTexts":{ 
"en":{ 
"FlyoutZoomView.TIP_BUBBLE_OVER":"Mouse over to zoom" 
}, 
"fr":{ 
"FlyoutZoomView.TIP_BUBBLE_OVER":"Passez la souris sur pour zoomer" 
}, 
defaultLocale:"en" 
} 
});

Nesta página