You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

1

Tuesday, November 29th 2022, 4:02pm

Hotspot contain an image AND text?

I don't know if I'm doing something wrong or if it's just not possible:

Can I have a hotspot with text and an image?

I did the same with a layer using the container type but am scratching my head with this one.

I even tried some trickery with


<data name="eye"><![CDATA[


<p><img src="EyeWhite.png" alt="nothing" /> Look</p>

]]></data>
and called the data tag from inside the hotspot
Can anyone confirm if I'm just trying something that isn't available?

2

Saturday, December 3rd 2022, 8:36am

you can't "call" a data tag, adding html to a hotspot is possible but not like this.

you can add layers to hotspots like this (but note that such layers do not show in webvr)
https://krpano.com/docu/xml/#layer.parent

Source code

1
2
3
4
<hotspot name="abc" ... />
<layer name="abc" parent="hotspot[abc]" ... >
	<layer name="def"  ... \>
</layer>


if you need webvr just stack hotspots

Source code

1
2
<hotspot name="abc_image" ... />
<hotspot name="abc_text" zorder="1" ... />

VRW_Phil

Trainee

Posts: 73

Location: London

Occupation: Krpano Custom Coding. Responsive Websites.

  • Send private message

3

Sunday, December 4th 2022, 5:49pm

You could try a mouseover on the hotspot using the showtext.xml

Try a mouseover on the hotspot using the showtext.xml, this should allow you to display text and a picture

Include file:

Source code

1
<include url="showtext.xml" />


Code on hotspot:

Source code

1
2
<textstyle name="VRW_STYLE" ... />
<hotspot onhover="showtext([p]...Header Text...[/p][img src=img/powered.png width=300px][/img][p]..Footer Text..[/p],VRW_STYLE);" name="logo" url="../img/powered.png" ... />

4

Friday, December 9th 2022, 1:06pm

Thank you very much!