You can look at the HTML code of the virtual tour linked by Henrik.
The code is quite simple :

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    troubleElements: ["select", "canvas"]
});

function openShadowbox(content, player, title){
    content = content.replace(/'/g, "");
    player = player.replace(/'/g, "");
    title = title.replace(/'/g, "");
    
    Shadowbox.open({
        content:    content,
        player:     player,
        title:      title
    });
}
</script>

The future version of Panotour Pro will include directly a plugin that will enable the display of a box over the tour. You will not need to code anything then.
This box will fit all the needs explained in Henrik's post.

Gérald

If the JS function that opens the shadowBox is the above "openShadowBox", then in the JS field of the hotspot, you should enter something like that :

  openShadowbox(http://rundtur.dk/toppano/index1.html, iframe, a title)

Gérald

It works!!!!
All I can say is - I love you bdd Adnministrator)

This is a fact, but why are you allowing the auto pano while viewing the contents of a shadowbox anyway.. You really need to pause before viewing, especially when viewing video.. It will also depend on your PC or Mac  and the type of media being viewed too..

What I would like to see with the new ptp V2 when set to auto rotate, is an option to automatically pause the rotate while viewing media content like a video or slideshows in a shadowbox window.. It then restarts rotating automatically when the shadowbox is closed.. This will avoid the issue..

It will probably not be an actual shadowbox with V2 anyway, but it will be a similar box opening, so it might have similar issues.. I tend to set my VR with shadowbox media content to pause automatic rotate... I  cannot wait to see what V2 will bring us...

I have been getting emails from easy pano for over a year suggesting that their Tour software is almost there.. To be honest, it looks tacky so when they finally get it all working, I cannot see it standing up against kolor ptp V2... My advise to anyone if easy pano is released before ptp V2, is to most defiantly hold off buying it since it will not be long before ptp V2 is available for beta testing....

This test of mine uses two options, one in a shadowbox and the other is a JavaScript call... They both work really well but if I set the pano to auto rotate, it might get jerky... Like I said above, it does depend on the media being viewed but it still best to pause before viewing other media..

http://members.westnet.com.au/dps/js/co … ltour.html

Destiny..

Gund wrote:

Oh and does anyone know why if you set wmode="transparent" or wmode="opaque" the tour gets kind of jerky and slow - can it be somehow fixed. Unfortunately this shadowbox variant doesn't work properly withput wmode="transparent" or wmode="opaque"command so deleting it is not anoption

First you need to assign a javascript to a hotspot. Wrtie         openShadowbox(1.html, iframe, a title)         change only 1.html to the desired link. Than write exactly the same cpde that is written in the 3rd post of this thread by bdd Administrator in your virtual tour .html. (the script you wrote above doesn't even have links to shadowbox.js and css). - copy the shadowbox files directly into the folder with your virtual tour .html.
Upload you tour to a web-server as the JS does not work on a local host (make sure you have written the domain name in the tour properties - otherwise it will give you a license error). Well you wrote that you allowed the domains and you use web-emulators instead of the web-server so that is probably not the issue.

Hi Forum,

I'm also stuck with this.

In my case I want to actually display a HTML file in the shadowbox to act as a fact sheet on the particular part of the tour.

I've followed the instructions from the 11th post of this thread and my shadowbox opens, but the HTML tour referenced does not display.

The following is what is in the Javascript field of the hotspot properties:

openShadowbox(test.html, iframe, a title)

test.html is also located in the same folder as my virtualtour.html file.

The following is what I added in the head tag of the virtualtour.html file (I've also tried it in the body tag with no difference in result).

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    troubleElements: ["select", "canvas"]
});

function openShadowbox(content, player, title){
    content = content.replace(/'/g, "");
    player = player.replace(/'/g, "");
    title = title.replace(/'/g, "");
    
    Shadowbox.open({
        content:    content,
        player:     player,
        title:      title
    });
}
</script>

The result is that when I click on the hotspot it opens the shadowbox but doesn't display anything in it (it's just black).

Any ideas where I'm going wrong?

Also can anybody advise what code I need to add (and where) to pause the auto-rotation when the shadowbox opens, and then start it again when the shadowbox closes?

As you've probably gathered by now I'm not a coder so any advice is appreciated.

Thanks
Jonathan

Virtuel Rundtur wrote:

Did you remember to upload it to a web server, or else it wont work....

Hi Henrik,

Yes I did remember that and have since found the problem.

The HTML was in fact showing all along but I couldn't see it due to a very simple problem.  The shadowbox is black and I had normal black text in my HTML file with no background colour defined.  As a result I had black text on a black background so couldn't see it.  I've formatted the HTML background, font colours, etc properly and problem sovled.

Does anybody know how what code I need to add (and where) to pause the auto-rotation when the shadowbox opens, and then start it again when the shadowbox closes?

Thanks
Jonathan

Ive done as suggested above, and wrote both code to the .html tour page, and js code to java script link in PTP, but nothing happens. I read above to add the shadowbox files to same directory, both .css and .js. Any ideas on where to get those files from or how to build them? Would this be why it isnt working?

Many thanks!