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

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

  • June 3, 2019
  • 2 replies
  • 1705 views

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

 

Thanks

Janos 

Best answer by ClayHelberg

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

C
ClayHelberg18-OpalAnswer
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");
}
T
tmccombie21-Topaz I
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>';
Terms & ConditionsAccessibility statement