Page 1 of 1

Display image on hover

PostPosted: Thu Aug 10, 2017 11:50 am
by TTYTT
Hi,

I'm new to Panotour Pro and am slowly getting my head around it. One thing that I cannot figure out is how to display an image when the user's mouse hovers on a pointer. My client has a map that they want to use as the top image. Each part of the map will have a map pointer on it and I'd like a custom image to appear when the user mouses over it.

I've scoured the Extra Plugins library but can't find anything. I'd really appreciate if anyone could help me with this.

Similarly, I'd love a button that swaps out the image on mouse over as I could have it change state before the user clicks through. Is this possible?

Thanks!

Re: Display image on hover

PostPosted: Thu Oct 05, 2017 10:28 pm
by osamaaf
@Kolor Any idea? I feel u guys are not replying quickly now a days after GoPro acquisition. Please reply guys.

Re: Display image on hover

PostPosted: Sat Oct 07, 2017 2:29 am
by signmaster
I would also be interested in an answer to this question.

Re: Display image on hover

PostPosted: Sat Oct 07, 2017 7:51 am
by Destiny
Do you mean this kind of thing...??

http://members.westnet.com.au/dps/Image ... tspot.html

Destiny..

Re: Display image on hover

PostPosted: Sat Oct 07, 2017 1:28 pm
by signmaster
Yes, is that a plugin?

Steve

Re: Display image on hover

PostPosted: Sat Oct 07, 2017 8:51 pm
by Destiny
No... I just added an html image tag in the area where the text goes.. You could add a thumb of the next pano and then link it to that... Like a little preview.. or some text rather than an image....

Destiny...

Re: Display image on hover

PostPosted: Sun Oct 08, 2017 6:40 am
by signmaster
Thanks Destiny, where would the image file be stored? eg. <img src="smiley.gif" alt="Smiley face" height="42" width="42">

Steve

Re: Display image on hover

PostPosted: Sun Oct 08, 2017 9:24 am
by Destiny
Just upload it to your server.. Then provide the URL to it..

Destiny..

Re: Display image on hover

PostPosted: Sun Oct 08, 2017 11:05 pm
by signmaster
Works well on desktop but not on mobile. Is there something that would work on mobile?

Steve

Re: Display image on hover

PostPosted: Mon Oct 09, 2017 7:33 am
by Destiny
It cannot work on Hover since there is no Hover Options on Mobiles....

Destiny..

Re: Display image on hover

PostPosted: Fri Nov 10, 2017 5:21 pm
by dadoplus
Hi guys, I wanted to do something similar, but instead of the solution provided by Destiny I would like the button to actually change, meaning disappear and be swapped to another, not for another image to show up over it. Classic hover function, you know? Any solution?
Thanks!

edit: to be more clear, I need this to happen with simple buttons, not with hotspots.

Re: Display image on hover

PostPosted: Mon Nov 13, 2017 3:31 pm
by Annis
Dadoplus, please do not bump up old topics that are only vaguely related to your own questions. It's better to create your own topic and you can link this one if needed in the body of your new topic.

Anyway. Have a look at the xml for control bars, they have what you want.
What you'll be looking to do, is as your button's image, use an image that has both states and then edit the xml of the button to set the crop of the image for the normal state and hover state.

So something like this:
onovercrop.png


Anyway that's how I managed to do it, it's quite possible there's different ways to do it in the xml but I'm only a newbie coder.