You are not logged in.

overlapping hotspot mousover images

chefmyster

Beginner

  • "chefmyster" started this thread

Posts: 5

  • Send private message

1

Thursday, February 12th 2015, 6:04pm

overlapping hotspot mousover images

I am using an image hotspot that when a visitor to the site mouses over pops a thumbnail that links to an external site. That is working but when the mouseovers are close together the popped up thumbnail is not showing on the top of other hotspots.

how can i make the mouse overed image appear on the top of any others?

Thanks!

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

2

Friday, February 13th 2015, 5:22pm

Set it's zorder to be higher. Sometimes, you may need to keep track with a variable which hotspot you want on top and then when you close it, reset it's zorder back lower so that the next hotspot will be on top.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

chefmyster

Beginner

  • "chefmyster" started this thread

Posts: 5

  • Send private message

3

Friday, February 13th 2015, 11:10pm

re: overlapping hotspot mousover images

Quoted from "sachagriffin"

Set it's zorder to be higher. Sometimes, you may need to keep track with a variable which hotspot you want on top and then when you close it, reset it's zorder back lower so that the next hotspot will be on top.
I am down with the zorder for the placement of the hotspots but what about the images that mouse over they are affected by the initial images...
Please look at the example via link below. notice that when you mouse over the icon on the right you see that "walmart" icon pop up and the info icon to the left is still displayed.
is there a way i can assign a second zindex to the popover?

http://bluespringsmip.com/v2/tour.html?html5=only

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

4

Saturday, February 14th 2015, 7:40pm

yeah just like I said.

Source code

 
1
2
3
4
5
6
7
8
9

onover="
ifnot(last_hotspot,
copy(last_hotspot,name);
,
set(hotspot[get(last_hotspot)].zorder,100);
set(zorder,200);
copy(last_hotspot,name);
);
"


This is just an off the cuff code, so correct any syntax errors or typos.

Logic.
If there's not a last_hotspot in place, it sets last_hotspot to the current hotspot. Otherwise, you've have an previous hotspot with a high zorder. Now set that zorder back and update last_hotspot and set current zorder higher.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

Similar threads