Skip to main content
1-Visitor
June 3, 2019
Solved

How to change resource of 3D image with JS code?

I would like to change resource of 3D image with JS code to avoid inserting all pictures. Can anyone help me?

 

Thanks

Janos 

18-Opal
June 3, 2019

Just set the "src" property of the 3D image widget to the graphic you want. You'll need to include the relative path, usually "app/resources/Uploaded/{image filename}". Here's an example:

 

$scope.changePic = function() {
//use this form for the stock images //$scope.setWidgetProp("3DImage-1","src","app/resources/Default/vu_seq_pause.svg");
// use this form for your own uploaded images $scope.setWidgetProp("3DImage-1","src","app/resources/Uploaded/myimage.png"); }

2 replies

18-Opal
June 3, 2019

Just set the "src" property of the 3D image widget to the graphic you want. You'll need to include the relative path, usually "app/resources/Uploaded/{image filename}". Here's an example:

 

$scope.changePic = function() {
//use this form for the stock images //$scope.setWidgetProp("3DImage-1","src","app/resources/Default/vu_seq_pause.svg");
// use this form for your own uploaded images $scope.setWidgetProp("3DImage-1","src","app/resources/Uploaded/myimage.png"); }
Translate
21-Topaz I
June 3, 2019

You can define the 3D image source in JS like this:

 

$scope.view.wdg["3DImage-1"]['src'] = 'app/resources/Uploaded/<image you want to set>';
Translate