Visionneuse à 360°

Référence de l’API JavaScript pour la visionneuse à 360°.

SpinViewer([config])

Constructeur, crée une instance de visionneuse à 360°.

Paramètres

config

{Object} objet de configuration JSON facultatif, permet à tous les paramètres de visionneuse de transmettre au constructeur et d’éviter d’appeler des méthodes de visionneuse individuelles. Contient les propriétés suivantes :

  • containerId - {String} ID du conteneur DOM (généralement un DIV ) dans laquelle la visionneuse est insérée. Il n’est pas nécessaire de créer l’élément de conteneur au moment de l’appel de cette méthode. Cependant, le conteneur doit exister lorsque init() est exécuté. Obligatoire.

  • params - {Object} Objet JSON avec des paramètres de configuration de visionneuse pour lequel le nom de propriété est soit une option de configuration spécifique à la visionneuse, soit un modificateur SDK, et la valeur de cette propriété est une valeur de paramètres correspondante. Obligatoire.

  • gestionnaires - {Object} Objet JSON avec des rappels d’événement de visionneuse, où le nom de la propriété est le nom de l’événement de visionneuse pris en charge, et où la valeur de la propriété est une référence de fonction JavaScript à un rappel approprié. Facultatif.

    Voir Rappels d’événement pour plus d’informations sur les événements de visionneuse.

  • localizedTexts - {Object} Objet JSON contenant des données de localisation. Facultatif.

    Voir Localisation des éléments de l’interface utilisateur pour plus d’informations.

    Voir aussi Guide de l’utilisateur du SDK de la visionneuse et l’exemple pour plus d’informations sur le contenu de l’objet.

Renvoie

Aucune

Exemple

var spinViewer = new s7viewers.SpinViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"Scene7SharedAssets/SpinSet_Sample",
 "serverurl":"http://s7d1.scene7.com/is/image/"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"CloseButton.TOOLTIP":"Close"
},
"fr":{
"CloseButton.TOOLTIP":"Fermer"
},
defaultLocale:"en"
}
});

Sur cette page