How do I change the panorama within my html based on an external button with no relation to krpano?

Hi,

Maybe study this example.

krpano Javascript API Examples

Tuur

Hi Felipe, I suggest you not to use the "code" tag for normal text, which is intended to make it easier to see the code.

About your question: Do you need to navigate to the "next" and "previous" scene without using the bottom bar menu?

Quote from Felipe

Thank you, but I don't really understand how it works, could you explain it better please? I opened the code but I didn't understand anything lol

You answered pretty quick which let's us know that you didn't even really try to understand it.

Erm... 'lol'...

Hi, for navigation next and previous scene by code without use the bottom bar, try with the actions for this buttons in the file vtourskin.xml

skin_nextscene(+1);

skin_nextscene(-1);

(for next and previous scene)

Quote from Felipe

Sorry if it gave you that impression, I'm trying really hard to understand, but I need to deliver this project today and that's why I'm in such a rush with this... I created some improvised code that loaded 4 panoramas at once and didn't display any except the active. causing it to crash the entire site, so I need to learn how to do this ASAP, but I can't seem to implement it...

Check the HTML code of the example site. It's really easy to understand. See how the buttons to load a scene work. Adapt it for your use with the regarding action. Done.

This is something I have used when calling from the regular web.
I used it when loading the scene...

(I think it was written somewhere in this community.)

I hope this helps.

This may be a different conversation, but in that case, I apologize.

I'm sorry that my English is not good.

html

		<script src="test.js"></script>

		<li><a class="menu-icon icon-tel1"  target="_parent"
				onclick="webscene('scene_img_2591','20','20','90');">loadscene</a>
		</li>

test.js

							// callback function that will be called when krpano is embedded and ready for using
						function krpano_onready_callback(krpano_interface)
						{
							krpano = krpano_interface;
						}
						// global krpano interface (will be set in the onready callback)
						var krpano = null;

						// embed the krpano viewer into the 'pano' div element
						embedpano({
							swf : "../../../krpano.swf", 		// path to flash viewer (use null if no flash fallback will be requiered)
							id : "krpanoSWFObject", 
							xml : "tour.xml", 
							target : "pano", 
							consolelog : true,					// trace krpano messages also to the browser console
							passQueryParameters : true, 		// pass query parameters of the url to krpano
							onready : krpano_onready_callback
						});

						// callback function that will be called when krpano is embedded and ready for using
						function krpano_onready_callback(krpano_interface)
						{
							krpano = krpano_interface;
						}


	// examples (called by the button onclick events)
	
	function webscene(scenename,h,v,f)
	{
		if (krpano)
		{
			krpano.call("loadscene(" + scenename + ", null, MERGE, BLEND(0.5));lookat("+h+","+v+","+f+")   ;");
		}
	}

hi,

i made 3 simple rudimentair examples for you.

download them here:

https://www.virtualtuur.com/krpano/121/bare_bones/help/js-examples_prev_next.zip

Hope it helps,

Tuur