Page 1 of 1

Image and Text as a hotspot option

PostPosted: Thu Oct 18, 2012 4:26 pm
by sasha_che
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

PostPosted: Thu Oct 18, 2012 4:52 pm
by angutir
Make the image with text as jpg all the best option, then draw a square with the hotspot editor and using the jpg to display

PostPosted: Thu Oct 18, 2012 4:58 pm
by sasha_che
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

PostPosted: Thu Oct 18, 2012 5:11 pm
by angutir
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...


PostPosted: Thu Oct 18, 2012 5:27 pm
by sasha_che
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 :)

PostPosted: Fri Oct 19, 2012 6:48 am
by sasha_che
So basically the question is: how to Embedded HTML pages via the html hotspot function

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

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 :


PostPosted: Fri Oct 19, 2012 6:42 pm
by sasha_che
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:
<p><img src="" width="400"/></p>
<p>test test test</p>

Your help is much appreciated!

PostPosted: Fri Oct 19, 2012 9:07 pm
by Destiny
Hi. You might want to first try adding some extra to your html code..

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

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..


PostPosted: Fri Oct 19, 2012 9:27 pm
by sasha_che
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...

PostPosted: Fri Oct 19, 2012 9:57 pm
by Destiny
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..


PostPosted: Tue Oct 23, 2012 5:40 pm
by sasha_che
Destiny & co.
I would like to thank you for your advice and help, everything worked out like a charm!