FlyoutViewer flyoutviewer

Referência da API JavaScript para o Visualizador de imagem suspensa.

FlyoutViewer([config])

Construtor; cria uma instância do Visualizador de imagem suspensa.

Parâmetros section-8bc3d1424c8444f193716fc8d9975765

config

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

  • containerId - {String} ID do contêiner DOM (normalmente um DIV ) em que o visualizador está inserido. Não é necessário criar o elemento de contêiner quando esse método for 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 em que o nome da propriedade é uma opção de configuração específica do visualizador ou um modificador SDK, e o valor dessa propriedade é um valor de configurações correspondente. Obrigatório.

  • manipuladores - {Object} Objeto JSON com retornos de chamada de evento do visualizador, em que 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 de eventopara obter mais informações sobre eventos do visualizador.

  • textoslocalizados - { Objeto } objeto JSON com dados de localização. Opcional.

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

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

Devoluções section-1d3cf85bc7cc4dfe9670e038d02b9101

Nenhum.

Exemplo section-9e9332aa86b74a5fb321375c03fdc5b3

var flyoutViewer = new s7viewers.FlyoutViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"Scene7SharedAssets/ImageSet-Views-Sample",
 "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"
}
});
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8