Change scene with external button

Maybe I am not sure what you mean, but each project has several “Widget” options to pick from. Depending on which one you select you get arrow or button to go to the next scene, or return to the prior one. Modern gives only small arrows, while List gives a drop down to go to any scene in the tour.

I thought about this… maybe your “external button” means a button outside of the actual tour? I believe you can, but if you go to full screen it would covered up, and maybe could not get back?
If you want to try, use the short code with the scene id to go directly to the scene, so you would need one button for each scene.

Yes my external buttons are outside the tour, sorry if I didn’t explain it well. I want to have one button for each scene on the webpage outside the tour.

I have tried putting the shortcode into the button function and also using the “do_shortcode(‘[shortcode_here]’)” function but am not having any luck.

If you can provide some advice it would be greatly appreciated.

Hi spiirerichard,

It will depend on how you are using the original image, if you are not using a repeater you can use a plugin to display an original 360 image correctly by using the URL of the image to link to, not tested but can’t see why this would not work, let us know if you crack this !!

Yes, it’s possible.

function onButtonClick(e) {
    /* find the main container and get the instance */
    var plugin = $('.ipanorama').ipanorama('instance'); 
    /* load a new scene by ID */
    plugin && plugin.setScene({id:'12345'});
}

• This reply was modified 3 years, 9 months ago by Avirtum.
• This reply was modified 3 years, 9 months ago by Avirtum.
• This reply was modified 3 years, 9 months ago by Avirtum.
• This reply was modified 3 years, 9 months ago by Avirtum.