Source code

<krpano version="1.17" title="Virtual Tour" onstart="startup();">

	<include url="skin/vtourskin.xml" />
   
<!-- load the soundinterface plugin -->
	<plugin name="soundinterface"
	    	url="plugins/soundinterface.swf"
	    	alturl="plugins/soundinterface.js"
	    	rootpath=""
	    	preload="true"
	    	keep="true"
		 	/>

	<!-- start playing the sound -->
	<events name="currentpano"
	    	onnewpano="playsound(bgsnd, '../plugins/jo.mp3', 0);"
	    	onremovepano="stopsound(bgsnd);"
			keep="true"
	    	/>


		<!-- button to pause the sound: -->
	<plugin name="snd" url="soundonoff.png" align="leftbottom" x="10" y="10" alpha="0.25" scale="0.5" onover="tween(alpha,1);" onout="tween(alpha,0.25);"
	    	crop="0|0|50|50"
	    	onloaded="if(ismobile,set(scale,1));"
	    	onclick="pausesoundtoggle(bgsnd); switch(crop, 0|0|50|50, 0|50|50|50);"
			  keep="true"
	    	/>
	

	<action name="startup">
playsound(mymusic, 'jo.mp3', loops*, oncomplete*);
set(progress.showwait,loopings());
loadscene(scene_hassel, null, MERGE, BLEND(2));
set(plugin[snd].visible.true);
set(view.architectural, 0);
set(view.fisheye, 0);
set(view.stereographic, true);
set(view.fov, 100);
set(view.hlookat, -180);
set(view.vlookat, -10);
wait(0);
lookto(-190,0,50,linear(8),false);
lookto(10,0,50,linear(7),false);
lookto(-90,0,100,linear(7),false);
wait(0);


asyncloop(true, startup() );
</action>


	<scene name="scene_hassel" title="Hasselfelden" onstart="" thumburl="../pano/_vt/Kieler_Foerde/panos/Hasselfelde_2.tiles/thumb.jpg" lat="" lng="" heading="">

		<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

		<preview url="../pano/_vt/Kieler_Foerde/panos/Hasselfelde_2.tiles/preview.jpg" />

		<image type="CUBE" multires="true" tilesize="512">
			<level tiledimagewidth="3406" tiledimageheight="3406">
				<cube url="../pano/_vt/Kieler_Foerde/panos/Hasselfelde_2.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
			</level>
			<level tiledimagewidth="1704" tiledimageheight="1704">
				<cube url="../pano/_vt/Kieler_Foerde/panos/Hasselfelde_2.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
			</level>
			<level tiledimagewidth="852" tiledimageheight="852">
				<cube url="../pano/_vt/Kieler_Foerde/panos/Hasselfelde_2.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
			</level>
			<mobile>
				<cube url="../pano/_vt/Kieler_Foerde/panos/Hasselfelde_2.tiles/mobile_%s.jpg" />
			</mobile>
		</image>

   	</scene>
	


</krpano>

Source code

<div class="eiframe">
<iframe src="http://artesphera.de/pano/tour.html" frameborder="0" scrolling="auto">
</iframe>
</div>

Source code

.eiframe {
width:400px;
height:200px;
z-index:9;
}

iframe {
width:100%;
height:100%;
border:3px solid #bab9b0;
position:relative;
z-index:99;
}