The first image sets the ID of the new presentation and when loaded it rotates 90 degrees.
You can use the api of the 360-javascriptviewer to make interactions on your website.
First add an reference to your presentation, because there could be more on your page.
For example, you can rotate the car above with this link.
Below you can find the code for this link. With JSV.run method you can access a presentation by it’s reference you previously defined in the block.
<a onclick="event.preventDefault();JSV.run('car',function(jsv){jsv.rotateDegrees(60)})" href="#">link</a>
Below you find the code for changing the presentation to see for example another color of your product. This only works for if you host your presentation on 3dweb.io
<a href="#"
onclick="event.preventDefault();JSV.run('car',function(jsv){jsv.setId('2a3fc992-aeff-4a17-8662-8ed1d580d2ca')})">
<figure class="wp-block-image size-full"><img src="https://wordpress.360-javascriptviewer.com/wp-content/uploads/2023/06/small-2.jpg" alt="" class="wp-image-170"/></figure>
</a>