Image-stitching and virtual tour solutions My account Updates
It is currently Fri Aug 22, 2014 2:46 pm

All times are UTC + 1 hour




Post new topic Reply to topic  [ 14 posts ] 
Author Message
 Post subject: Embedding
PostPosted: Sun Nov 24, 2013 4:49 pm 
Offline
Member

Joined: Wed Jul 11, 2012 6:36 pm
Posts: 76
Location: Exeter, Devon, UK
Hi,

Trying to embed a panotour v2 tour into a website, and failing...... just ain't working. What code should I be using?


Peter


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Mon Nov 25, 2013 9:28 am 
Offline
Member
User avatar

Joined: Tue Apr 09, 2013 10:59 am
Posts: 2121
Location: France
Generated html file contains the code to use. Need a div to contain the tour and a javacript to embed code. If you are using javascript/HTML5 plugins, some other libraries need to be loaded. Look after your html template content.

_________________
Benjamin
http://www.kolor.com


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 12:20 am 
Offline
Member

Joined: Wed Jul 11, 2012 6:36 pm
Posts: 76
Location: Exeter, Devon, UK
Thank you for your reply. Have been playing around with this again this evening, but still having no luck. Here's a link to the page I'm working on -

http://www.peterstephens.co.uk/virtual_ ... v-2013.php

I would like it to embed on a page like this http://www.peterstephens.co.uk/property ... l-tour.php

Expect it's something simple, I'm not great with code.

Pete


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 10:41 am 
Offline
Member

Joined: Wed Nov 14, 2007 2:12 pm
Posts: 13775
Location: Isleham, Cambridgeshire, UK.
Peter Stephens wrote:
Thank you for your reply. Have been playing around with this again this evening, but still having no luck. Here's a link to the page I'm working on -

http://www.peterstephens.co.uk/virtual_ ... v-2013.php

I would like it to embed on a page like this http://www.peterstephens.co.uk/property ... l-tour.php

Expect it's something simple, I'm not great with code.

Pete


So who is creating these PHP pages for you? Or are you using some sort of templated web site builder?

Not certain but i think iframes may be what you need:
http://www.w3schools.com/tags/tag_iframe.asp


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 11:31 am 
Offline
Member
User avatar

Joined: Tue Apr 09, 2013 10:59 am
Posts: 2121
Location: France
It works now.

_________________
Benjamin
http://www.kolor.com


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 2:08 pm 
Offline
Member

Joined: Wed Jul 11, 2012 6:36 pm
Posts: 76
Location: Exeter, Devon, UK
mediavets - I'm creating the php, only for the header and footer. If I use an iframe wouldn't that effect the full screen option for html5? I wouldn't use iframe for this reason.

benji33 - The 360vr image works yes, but it's not embedded on my webpage as with the other example.


Pete


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 2:30 pm 
Offline
Member
User avatar

Joined: Tue Apr 09, 2013 10:59 am
Posts: 2121
Location: France
The first screenshot is your PTP 1.8 inclusion.
Attachment:
Capture1.PNG
Capture1.PNG [ 29.87 KiB | Viewed 397 times ]


Simply replace the content of the <td> (script + div container) by the screenshot 2 <div id="container"> and all it's content.
Attachment:
Capture2.PNG
Capture2.PNG [ 20.15 KiB | Viewed 397 times ]


Then add the scripts of the screenshot 3 to the <head> tag (the highlight script can be removed).
Attachment:
Capture3.PNG
Capture3.PNG [ 53.32 KiB | Viewed 397 times ]


This should work. Some css adjustement will be perhaps necessary into the added <style type="text/css"> tag which can overide some of yours.

Also, for iframe, it works great but you must add the allowfullscreen attribute into the iframe tag.

_________________
Benjamin
http://www.kolor.com


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 2:37 pm 
Offline
Member

Joined: Wed Jul 11, 2012 6:36 pm
Posts: 76
Location: Exeter, Devon, UK
Thank you, will give it a go now. I didn't know about the allowfullscreen attribute for iframes, that's good to know.


Pete


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 3:47 pm 
Offline
Member

Joined: Wed Jul 11, 2012 6:36 pm
Posts: 76
Location: Exeter, Devon, UK
Ok getting there

http://www.peterstephens.co.uk/virtual_ ... 3-test.php

Though page isn't centred and the the tour is the wrong size. I got this far a couple days ago and tried to change the dimensions from 100% to set pixel dimensions, couldn't get that to work. Will give it another go.


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 3:54 pm 
Offline
Member

Joined: Wed Jul 11, 2012 6:36 pm
Posts: 76
Location: Exeter, Devon, UK
Sorted the tour window size out now, seems like it doesn't like being given pixel dimensions and would rather be kept at 100%, now just need to correct the rest of the page layout. Wish I understood code better, is really frustrating when it doesn't work. Thank you for your help :-)


Pete


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 4:04 pm 
Offline
Member

Joined: Wed Jul 11, 2012 6:36 pm
Posts: 76
Location: Exeter, Devon, UK
Just need to centralise the page and get the scroll bar back, any ideas?

http://www.peterstephens.co.uk/virtual_ ... 3-test.php


Pete


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 5:05 pm 
Offline
Member
User avatar

Joined: Tue Apr 09, 2013 10:59 am
Posts: 2121
Location: France
Add a <div> container into <body> which will be centered to center all the code/all div into.

For scrollbar remove the highlight zones into this screenshot
Attachment:
Capture.PNG
Capture.PNG [ 29.75 KiB | Viewed 383 times ]


For container size add a style to the <td> to define the container size, so the player will be 100% by 100% and compatible for fullscreen (see screenshot)
Attachment:
Capture2.PNG
Capture2.PNG [ 13.45 KiB | Viewed 383 times ]

_________________
Benjamin
http://www.kolor.com


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Thu Nov 28, 2013 5:18 pm 
Offline
Member

Joined: Wed Jul 11, 2012 6:36 pm
Posts: 76
Location: Exeter, Devon, UK
Cool !! All working now :-) Thank you again.


Pete


Top
 Profile  
 
 Post subject: Re: Embedding
PostPosted: Fri Feb 21, 2014 1:11 am 
Offline
Member

Joined: Tue Jan 21, 2014 12:50 pm
Posts: 52
Location: Wollongong, Australia
I am currently using Panotour Pro 2.0 . I have created a tour and uploaded in:
http://flash.imaginephotographs.com.au/?page_id=10
As you can see in that page, the tour is display as a little square. I have change the width and height properties in the panopress link and settings (as you can see in the following links: http://www.screencast.com/t/uM5pjOQd ; http://www.screencast.com/t/9qj1b4rtQTsP ; http://www.screencast.com/t/Ic9fTK5i )

As you can see in: http://flash.imaginephotographs.com.au/?page_id=10 the panorama is display as a rectangle, eventhough I have established in the settings a width and a height of 700px (http://www.screencast.com/t/9qj1b4rtQTsP)

Why is that?... how can I display my panorama as a square (700 x 700 px ) instead of a rectangle as it is now?

My second question is:
I have uploaded my panorama here: http://flash.imaginephotographs.com.au/?page_id=10

However I want to embed this panorama in: http://imaginephotographs.squarespace.c ... l-tours-1/
When I embed the panorama into this website, it display the whole website instead of the panorama.
The code that I’m using to embed this panorama into the website is:
<iframe src="http://flash.imaginephotographs.com.au/?page_id=10" width="800" height="600" allowFullScreen></iframe>

I would like my panorama to looks like this example:
http://imaginephotographs.squarespace.c ... ual-tours/ (be aware that I took this example from http://www.aircamera.fr (I will remove this tour after I understand what I need to do to show my tour as this)

If I launch the tour online using chrome, this is how it looks:
http://www.screencast.com/t/jxmMeTjQ6D
Please let me know if you need more info to help me


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 14 posts ] 

All times are UTC + 1 hour


Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group