Kolor Forums | Autopano & Panotour help, Panogear, Merlin / Orion / automatic fullscreen

rahimhamada · 2012-05-27 16:45:52

hi guys i am doing a project and my client wants to use the tour and embed it in a sort of a presentation and they asked me to do the following :

· Browsing page with resolution 1280*720.

· Adding close button to close browse we user click on it.

· Hide address bar and windows bar.

. open the tour in a fullscreen automatically (although i know that this probably will not be possible)

is there anyone who knows how to do that in HTML
or maybe you guys might have a better idea...

thanks a lot

Destiny · 2012-05-27 23:57:20

Hi,

Firstly you need to create a tour with full screen. Thats easy to do in the ptp settings....

Next try try this code.. You need to place some in the head and some in the body but only add this code and leave what you already have....

I have included the entire source code with javascript.

Let me know it it works...

Destiny...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>DPS Virtual Tours</title>

<SCRIPT LANGUAGE="JavaScript">
if (this.name!='fullscreen'){
window.open(location.href,'fullscreen','fullscreen,scrollbars')
}
</script>

</head>

<body>

<a href="JavaScript:window.close(self)">Click here to close window</a>

<p><center>
<font face="arial, helvetica" size"-2">Destiny auto full sceen test<br></a></font>
</center><p>

</body>
</html>

rahimhamada · 2012-05-29 10:37:02

hi destiny !! thank you very much
i have tried your code and there is always 2 windows that open the first one is the normal one ,and from that one a pop-up window with no address bar.
is there a way i can only open the one without address bar straight away ???
thanks a lot anyways ....

also i have another question can i add a close button to the tour through html (in a nice way) as the only option i can find is to add a stripe and that is not making the tour look nice .

thanks again

Destiny · 2012-05-29 11:03:00

emm.. Send me your html code.. It might be that some code needs to be deleted.. I will add a nicer close button too... You can actually do this if you want .. The <a href="JavaScript:window.close(self)"> is the close code..

This is the open to full screen script... The problem I have, I am using a Mac so works differently..

<SCRIPT LANGUAGE="JavaScript">
if (this.name!='fullscreen'){
window.open(location.href,'fullscreen','fullscreen,scrollbars')
}
</script>

Destiny..

rahimhamada · 2012-05-29 13:27:02

thanks a lot
here is the html code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>NewGiza - Virtual Tour by Deja View</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<SCRIPT LANGUAGE="JavaScript">
if (this.name!='fullscreen'){
window.open(location.href,'fullscreen','fullscreen,scrollbars')
}
</script>


<meta property="og:url" content="http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/index.html" />
<meta property="og:title" content="NG" />
<meta property="og:description" content="Virtual Tour generated by DejaView" />
<meta property="og:type" content="video" />
<meta property="og:image" content="http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/screenshot.jpg"/>
<meta property="og:video" content="http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/NG.swf?xml=http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/NG.xml"/>
<meta property="og:video:height" content="400" />
<meta property="og:video:width" content="800" />
<meta property="og:video:type" content="application/x-shockwave-flash" />

<style type="text/css">
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; overflow:hidden; }
#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
</style>

</head>
<body itemscope itemtype="http://schema.org/MediaObject">
<script src="swfobject/swfkrpano.js"></script>
<div id="container">
<h1></h1>


<meta itemprop="playerType" content="Flash" />
<meta itemprop="description" content="Virtual Tour by dejaView"/>
<meta itemprop="image" content="http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/screenshot.jpg" />
<meta itemprop="url" content="http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/index.html" />
<meta itemprop="contentUrl" content="NG.swf" />
<meta itemprop="height" content="400" />
<meta itemprop="width" content="800" />

<div id="panoDIV" style="height:100%;">
<script>
embedpano({target:"panoDIV",swf:"NG.swf"});
</script>
<noscript>
<div id="tour">
<object width="100%" height="100%">
<embed src="NG.swf" width="100%" height="100%" allowFullScreen="true"></embed>
</object>
</div>
</noscript>
</div>
</div>
</div>
<a href="JavaScript:window.close(self)">Click here to close window</a>

<p><center>
<font face="arial, helvetica" size"-2">Destiny auto full sceen test<br></a></font>
</center><p>

</body>
</html>

and really thanks a lot

Destiny · 2012-05-30 01:33:46

OK.. Try this.. I removed the conflict script and put a rollover button that closes the window.... But I will need to send you the two part button... You just need to make sure they go into the same folder as this html file.. it will find them..

Destiny

<html>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>NewGiza - Virtual Tour by Deja View</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<SCRIPT LANGUAGE="JavaScript">
if (this.name!='fullscreen'){
window.open(location.href,'fullscreen','fullscreen,scrollbars')
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>


<meta property="og:url" content="http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/index.html" />
<meta property="og:title" content="NG" />
<meta property="og:description" content="Virtual Tour generated by DejaView" />
<meta property="og:type" content="video" />
<meta property="og:image" content="http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/screenshot.jpg"/>
<meta property="og:video" content="http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/NG.swf?xml=http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/NG.xml"/>
<meta property="og:video:height" content="400" />
<meta property="og:video:width" content="800" />
<meta property="og:video:type" content="application/x-shockwave-flash" />

</head>
<body onLoad="MM_preloadImages('over.png')" itemscope itemtype="http://schema.org/MediaObject">
<script src="swfobject/swfkrpano.js"></script>
<div id="container">
<h1></h1>


<meta itemprop="playerType" content="Flash" />
<meta itemprop="description" content="Virtual Tour by dejaView"/>
<meta itemprop="image" content="http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/screenshot.jpg" />
<meta itemprop="url" content="http://www.deja-view.org/static/panorama/NewGiza%20Linear%20Residence%201/index.html" />
<meta itemprop="contentUrl" content="NG.swf" />
<meta itemprop="height" content="400" />
<meta itemprop="width" content="800" />

<div id="panoDIV" style="height:100%;">
<script>
embedpano({target:"panoDIV",swf:"NG.swf"});
</script>
<noscript>
<div id="tour">
<object width="100%" height="100%">
<embed src="NG.swf" width="100%" height="100%" allowFullScreen="true"></embed>
</object>
</div>
</noscript>
</div>
</div>
</div>
<div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','over.png',1)"><img src="up.png" name="Image2" width="87" height="30" border="0" onclick="window.close();"></a></div>
</body>
</html>

rahimhamada · 2012-05-30 09:40:09

hi destiny !!
i just tried the new code and it is still opening 2 windows?? bizarre huh !
anyways here is my email : rahim@deja-view.org

thanks and cheers

rahimhamada · 2012-05-30 10:57:58

here is the link so that you have an idea
http://www.deja-view.org/static/panoram … ndex2.html

Destiny · 2012-05-30 11:33:52

eemm.. you probably need a close button on the pano itself, but then you have the X at the top anyway, so don't see why you need it...

Hey.. you have some really beautiful colours happening in this tour... These colours are my kind of colours.. love them... earthy colours can look so nice...
However, you need to work on fixing up your NNP... its out... Also, if you are using Cube faces, much of the nadir can be improved on really easy in Photoshop.. You can fix up some of the bad stitching in Photoshop too.. Also, its a shame you did not use bracketing, but if you did, then I can only assume you are using a camera with up to 3 bracketed shots only.. This was my main issue with brazing light outside and dark interiors.. I can now do up to 9. ). You can use software to get more and hardware too.. But its all tricky and often expensive..

Not really sure why you are still getting two windows opening.. You can delete the close code , it not right.. Also, change the background colour, white is not nice.. you can find all the codes for colours online.. easy to change, even in Note Pad....

Destiny

rahimhamada · 2012-05-30 11:41:18

excellent ! thanks for all the tips !
and true i am using 3 bracketing only
i will research this cube faces now
i have been trying to fix my NNP but this is the best i can get i have tried to look for solution but there is always small errors and i thought that was normal .......

i have a strange bug when i open the window with (no address bar ) it stops loading and the picture stops and i cannot use my mouse

rahimhamada · 2012-05-30 11:48:26

never mind
it is working now but not consistent though (some times it works sometimes not )
thanks a million destiny !!! you are a star

#1 2012-05-27 16:45:52

automatic fullscreen

#2 2012-05-27 23:57:20

Re: automatic fullscreen

#3 2012-05-29 10:37:02

Re: automatic fullscreen

#4 2012-05-29 11:03:00

Re: automatic fullscreen

#5 2012-05-29 13:27:02

Re: automatic fullscreen

#6 2012-05-30 01:33:46

Re: automatic fullscreen

#7 2012-05-30 09:40:09

Re: automatic fullscreen

#8 2012-05-30 10:57:58

Re: automatic fullscreen

#9 2012-05-30 11:33:52

Re: automatic fullscreen

#10 2012-05-30 11:41:18

Re: automatic fullscreen

#11 2012-05-30 11:48:26

Re: automatic fullscreen

Board footer