Image and Text as a hotspot option  

Share your tips and tricks here or get help with any Panotour problem!
No bug reports (of any kind) in this forum!
no avatar
sasha_che
Member
 
Topic author
Posts: 24
Likes: 0 post
Liked in: 0 post
Joined: Thu Oct 18, 2012 4:02 pm
Info

Image and Text as a hotspot option

by sasha_che » Thu Oct 18, 2012 4:26 pm

Hey guys,
altho ive been reading alot here i never posted, so this is my first post.

i was wondering if you guys can help me figure out how to insert an image WITH a text lets say on the buttom of it, that will be clickable, im new to panotour and your help would be much appreciated.

im making a tour for a large retail store, so when i will be done with it, ill be glad to share it with everyone

Thank you
Last edited by sasha_che on Fri Oct 19, 2012 6:14 am, edited 1 time in total.

User avatar
angutir
Member
 
Posts: 52
Likes: 3 posts
Liked in: 0 post
Joined: Tue Jul 10, 2012 8:08 pm
Location: Spain
Info

by angutir » Thu Oct 18, 2012 4:52 pm

Make the image with text as jpg all together...is the best option, then draw a square with the hotspot editor and using the jpg to display
Canon 5D Mark III, Canon FE 8-15 mm

no avatar
sasha_che
Member
 
Topic author
Posts: 24
Likes: 0 post
Liked in: 0 post
Joined: Thu Oct 18, 2012 4:02 pm
Info

by sasha_che » Thu Oct 18, 2012 4:58 pm

angutir,
thanks for the uick replay, my goal is for the hotspot to open the image, and under the image should be a text , this text should be a link (clickable) to an item page on a website.

from what i read, the HTML option in the hotspots does that, but unfortunatly, there is no tutorial whatsoever anywhere on how to use the html hotspot option for beginners

User avatar
angutir
Member
 
Posts: 52
Likes: 3 posts
Liked in: 0 post
Joined: Tue Jul 10, 2012 8:08 pm
Location: Spain
Info

by angutir » Thu Oct 18, 2012 5:11 pm

welcome to the club, yesterday i was playing with html, looking for information, etc... My conclusion it is that i was losing my time, very complicated for such poor results.

Sorry i have no idea how can or if it is possible...

Antonio
Canon 5D Mark III, Canon FE 8-15 mm

no avatar
sasha_che
Member
 
Topic author
Posts: 24
Likes: 0 post
Liked in: 0 post
Joined: Thu Oct 18, 2012 4:02 pm
Info

by sasha_che » Thu Oct 18, 2012 5:27 pm

heh thanks Antonio, at least im not the only one struggling with it :)

Lets hope someone here knows and will be kind enough to share their knowledge about it :)

no avatar
sasha_che
Member
 
Topic author
Posts: 24
Likes: 0 post
Liked in: 0 post
Joined: Thu Oct 18, 2012 4:02 pm
Info

by sasha_che » Fri Oct 19, 2012 6:48 am

So basically the question is: how to Embedded HTML pages via the html hotspot function

User avatar
bdd
Kolor Team
 
Posts: 2802
Likes: 14 posts
Liked in: 130 posts
Joined: Tue Jan 18, 2011 4:05 pm
Info

by bdd » Fri Oct 19, 2012 8:39 am

Hello,

The "HTML" option of hotspots allows you to display images and links.
But remember that your HTML file should be really simple, Flash player does not allow new HTML tags and syntax.
The list of supported HTML tags can be found here :
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/text/TextField.html#htmlText

http://www.autopano.net/wiki-en/action/view/Panotour_Pro_-_Hotspot_Properties_-_Link

Gérald

no avatar
sasha_che
Member
 
Topic author
Posts: 24
Likes: 0 post
Liked in: 0 post
Joined: Thu Oct 18, 2012 4:02 pm
Info

by sasha_che » Fri Oct 19, 2012 6:42 pm

Gérald,
Thank you very much! the info that you posted did the trick (after some trial and error)
so now it actually work but of course not without flaw :/ the html file that i created has simple code to show an image, but for some reason it dosent show it after the tour has been generated, any ideas/suggestions?

heres the code:
<html>
<head>
</head>
<body>
<p><img src="http://www.internationaltoys.com/pictures/134149_1.jpg" width="400"/></p>
<br/><br/>
<p>test test test</p>
</body>
</html>


Your help is much appreciated!

no avatar
Destiny
Moderator
 
Posts: 7886
Likes: 6 posts
Liked in: 228 posts
Joined: Mon Apr 26, 2010 11:55 pm
Info

by Destiny » Fri Oct 19, 2012 9:07 pm

Hi. You might want to first try adding some extra to your html code..

<script>
embedpano({target:"panoDIV",swf:"yourfilename.swf", wmode:"opaque"});
</script>

Also, it might work better if you can download the file and and host it in a local folder.. images/134149_1.jpg

This might help.. but you will need to test to see..

Destiny...

no avatar
sasha_che
Member
 
Topic author
Posts: 24
Likes: 0 post
Liked in: 0 post
Joined: Thu Oct 18, 2012 4:02 pm
Info

by sasha_che » Fri Oct 19, 2012 9:27 pm

Destiny ,
Thank you for the help, it works offline on my computer with your setting, but once uploaded to the server instead of the picture it shows the path to my local computer...
Last edited by sasha_che on Fri Oct 19, 2012 9:40 pm, edited 1 time in total.

no avatar
Destiny
Moderator
 
Posts: 7886
Likes: 6 posts
Liked in: 228 posts
Joined: Mon Apr 26, 2010 11:55 pm
Info

by Destiny » Fri Oct 19, 2012 9:57 pm

In the same file structure where you loaded your main files to, you need to create a folder named 'images'
You then need to upload your 134149_1.jpg into that folder..

BTW, you also need to get rid of the closed tags.. <br/><br/> or change the first closed to open.. <br>

BR stands for line BReak

Also, if you put more closed tags than open, it can cause issues..

Also be aware to make sure ALL tags using this method are closed since swf will not accept it since there are protocols to remember when using the html with ptp and swf. You can change your entire graphic for a swf file if you want, that way you have a lot more options with urls and buttons and where to place images and so on..

Destiny..

no avatar
sasha_che
Member
 
Topic author
Posts: 24
Likes: 0 post
Liked in: 0 post
Joined: Thu Oct 18, 2012 4:02 pm
Info

by sasha_che » Tue Oct 23, 2012 5:40 pm

Destiny & co.
I would like to thank you for your advice and help, everything worked out like a charm!


Who is online

Users browsing this forum: No registered users and 2 guests

cron