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

[Janos1987]

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

Thanks

Janos 

[ClayHelberg · Accepted solution]

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");
}

[tmccombie]

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>';