Wrong url, no image here : https://marq.cl/360/Realtum/Isidora_test/hunterdouglas.png
Callout Hotspots plugin
-
-
When a callout hotspot is displayed his zorder is set to 1000.
Just set your popup hotspot with a higher zorder.Hi Jerome,
are you sure about this. I have a Tour where I have a hotspot with zorder="1001" but the callout hotspot is still overlapping the other one.
Is there another thing I have to consider? -
Wrong url, no image here : https://marq.cl/360/Realtum/Isidora_test/hunterdouglas.png
Ahh ok, got it, i have to call images from root.
thanks!
-
Hi Jereome. Is there a way to change only the "text_background" alpha settings?
Thomas
-
Perhaps use bgcolor="0xFF000000" transparent black..
But i don't use this specific plugin.
So.. i'm not sure what is made available.Hope it helps,
Tuur -
Hi Jereome. Is there a way to change only the "text_background" alpha settings?
Thomas
Nop, there is no alpha setting for the backgrounds, but will add in next release.A workaround could be used adding
<layer name="callout_title_name_of_your_hotspot" bgalpha="0.5"/> -
Could someone help me to find how to have
- a custom border color for the text box (but not the line)?
- rounded edges to the text box?
Thank you!
-
I own both the panotour version and the krpano version and the panotour code has extra items that control mobile behaviour.
I am working with the Krpano version and the desktop version looks great, but of course it is almost unusable on mobile.
One of the features that would be great is callout_type.mobile="onuserclick" but this code is not working with the Krpano version.
Are there any specific mobile controls for the Krpano version? There are numerous items that would be helpful in the Panotour code that I do not see listed in the Krpano version. Mobile controls are essential so I would like to know if they can be used in this current Krpano project now that Panotour has been murdered.
My mobile callouts are totally unusable right now so I need to find a solution for this with specific mobile behavior controls.
Below is some of the Panotour code from the skin.xml
Code
Alles anzeigen!-- 360Images Call Out Titles Plugin --> <include url="%FIRSTXML%/graphics/callouttitles.xml"/> <callout author_context="false"/> <style distancepopup="2" distancepopup.tablet="3" distancepopup.mobile="5" visible="false" callout_type="centerscreen" callout_type.mobile="onuserclick" callout_type.tablet="centerscreen" name="Default Point Spot Style" type="container" width="10" height="10" bgroundedge="10" bgcolor="0xff0004" bgalpha="1.00" bgborder="2 0x0015ff 1.00" toheight="200" pumpitup="true" pumpitup.mobile="true" pumpitup.tablet="true" rotate="45" infov="180" maxfov="1" minfov.mobile="180" maxfov.mobile="1" minfov.tablet="180" maxfov.tablet="1" onloaded=" txtadd(parentspot,'hotspot[',get(name),']'); txtadd(callout_pulse,'callout_pulse_',get(name)); addlayer(get(callout_pulse)); layer[get(callout_pulse)].loadstyle(call_out_titlescallout_pulse); copy(layer[get(callout_pulse)].parent,parentspot); txtadd(callout_line,'callout_line_',get(name)); addlayer(get(callout_line)); copy(hotspot[get(name)].callout_line,callout_line); layer[get(callout_line)].loadstyle(call_out_titlescallout_line); copy(layer[get(callout_line)].parent,parentspot); copy(layer[get(callout_line)].x,xpoint); copy(layer[get(callout_line)].y,ypoint); txtadd(callout_line_vertical,'callout_line_vertical_',get(name)); addlayer(get(callout_line_vertical)); copy(hotspot[get(name)].callout_line_vertical,callout_line_vertical); layer[get(callout_line_vertical)].loadstyle(call_out_titlescallout_line_vertical); txtadd(parentlayer,'layer[',get(callout_line),']'); copy(layer[get(callout_line_vertical)].parent,parentlayer); txtadd(callout_title,'callout_title_',get(name)); addlayer(get(callout_title)); copy(hotspot[get(name)].callout_title,callout_title); layer[get(callout_title)].loadstyle(call_out_titlescallout_title); txtadd(parentlayer2,'layer[',get(callout_line_vertical),']'); copy(layer[get(callout_title)].parent,parentlayer2); getmessage(montitre, get(tooltip)); copy(layer[get(callout_title)].html,montitre); txtadd(callout_desc,'callout_desc_',get(name)); addlayer(get(callout_desc)); copy(hotspot[get(name)].callout_desc,callout_desc); layer[get(callout_desc)].loadstyle(call_out_titlescallout_desc); copy(layer[get(callout_desc)].parent,callout_title); getmessage(madesc, get(descriptionid)); copy(layer[get(callout_desc)].html,madesc); if(hotspot[get(name)].onclick, copy(layer[get(callout_line_vertical)].onclick,hotspot[get(name)].onclick);set(layer[get(callout_line_vertical)].bgcapture,true)); if(hotspot[get(name)].callout_type == onuserclick, set(hotspot[get(name)].onclick,oncallout());set(hotspot[get(name)].bgcapture,true);set(hotspot[get(name)].handcursor,true)); set(events[testshotspots].onviewchanged,testhotspots();) " oncallout="animate_callout(get(callout_line), get(callout_line_vertical), get(callout_title), get(callout_desc),get(toheight));" oncallin="animate_callin(get(callout_line), get(callout_line_vertical));" /> /> <style name="call_out_titlescallout_line" type="container" width="2" height="0" bgalpha="1" bgcolor="0xffffff" align="top" edge="bottom" /> <style name="call_out_titlescallout_line_vertical" type="container" width="0" height="0" bgcolor="0xffffff" rotate="-45" bgborder="0,0,0,2 0xffffff" edge="left" align="top" maskchildren="true" /> <style name="call_out_titlescallout_title" type="text" enabled="false" align="topleft" ox="10" roundedge="20" bg="true" bgcolor="0xb50000" bgalpha="1" bgborder="false" css="color:#ffffff;font-family:Arial;font-size:25px;text-align:left;" padding="5 10" /> <style name="call_out_titlescallout_desc" type="text" enabled="false" align="bottomleft" edge="topleft" ox="0" roundedge="20" bg="false" bgborder="false" textshadow="1" textshadowrange="5.0" textshadowangle="45" textshadowcolor="0x000000" textshadowalpha="1" css="color:#ffffff;font-family:Arial;font-size:18px;text-align:left;" padding="5 0" /> <style name="call_out_titlescallout_pulse" type="container" align="center" bg="false" bgborder="3 0xffffff 1.00" bgroundedge="calc:10 * 2" width="10" height="10" onloaded="pulse(get(name))"/>
-
<hotspot style="callout" animation.mobile="on_click".../> should work
-
Hello, callout overlap hotspot with zorder="1001".
What should be done so that the callout does not overlap the hotspot?? I tried to put zorder in a separate callout style, it didn't work. -
Callouts are built with layers, and layers are always over hotspots, no workaround...
-
Callouts are built with layers, and layers are always over hotspots, no workaround...
Understood thanks
-
This is the official thread for the Callout Hotspots plugin .
Hi! Is it possible to turn off the pulsation animation at all? -
Hi,
I really love the plugin! I have one feature request:
Could you please enable more options for the title background, such as round corners and transparency? If possible, it would be great to have full configurability with CSS.
Christian -
Callouts are built with layers, and layers are always over hotspots, no workaround...
Does tx, ty, tz support yet?
-
Hi! Is it possible to turn off the pulsation animation at all?
You could adding an empty action called pulse :
<action name="pulse"></action> -
Does tx, ty, tz support yet?
Not 3D ready -
I wanna build simple hotspot info include hover on it and show text. Do u know how to get 3d position to build it easier ?
-
I integrated this plugin with my own changelang action (https://ai360.com.pl/projekty/gamet/) but what I miss most about this plugin is the inability to perform client actions while the hotspot is running.
Is there any way to play, for example, sound during the animation?
-
-
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!