Display image on hover

[TTYTT]

Display image on hover

by TTYTT » Thu Aug 10, 2017 11:50 am

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!

[osamaaf]

Re: Display image on hover

by osamaaf » Thu Oct 05, 2017 10:28 pm

@Kolor Any idea? I feel u guys are not replying quickly now a days after GoPro acquisition. Please reply guys.

[signmaster]

Re: Display image on hover

by signmaster » Sat Oct 07, 2017 2:29 am

I would also be interested in an answer to this question.

[Destiny]

Re: Display image on hover

by Destiny » Sat Oct 07, 2017 7:51 am

Do you mean this kind of thing...??

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

Destiny..

[signmaster]

Re: Display image on hover

by signmaster » Sat Oct 07, 2017 1:28 pm

Yes, is that a plugin?

Steve

[Destiny]

Re: Display image on hover

by Destiny » Sat Oct 07, 2017 8:51 pm

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

[signmaster]

Re: Display image on hover

by signmaster » Sun Oct 08, 2017 6:40 am

Thanks Destiny, where would the image file be stored? eg. <img src="smiley.gif" alt="Smiley face" height="42" width="42">

Steve

[Destiny]

Re: Display image on hover

by Destiny » Sun Oct 08, 2017 9:24 am

Just upload it to your server.. Then provide the URL to it..

Destiny..

[signmaster]

Re: Display image on hover

by signmaster » Sun Oct 08, 2017 11:05 pm

Works well on desktop but not on mobile. Is there something that would work on mobile?

Steve

[Destiny]

Re: Display image on hover

by Destiny » Mon Oct 09, 2017 7:33 am

It cannot work on Hover since there is no Hover Options on Mobiles....

Destiny..

[dadoplus]

Re: Display image on hover

by dadoplus » Fri Nov 10, 2017 5:21 pm

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.

[Annis]

Re: Display image on hover

by Annis » Mon Nov 13, 2017 3:31 pm

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:

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.