Display image on hover  

Share your tips and tricks here or get help with any Panotour 2.0+ problem!
No bug reports (of any kind) in this forum!
no avatar
TTYTT
New member
 
Topic author
Posts: 1
Likes: 0 post
Liked in: 0 post
Joined: Thu Aug 10, 2017 11:43 am
Info

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!

User avatar
osamaaf
Member
 
Posts: 111
Likes: 2 posts
Liked in: 5 posts
Joined: Thu Nov 21, 2013 9:06 am
Info

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.

User avatar
signmaster
Member
 
Posts: 279
Likes: 47 posts
Liked in: 33 posts
Joined: Thu Aug 21, 2008 1:55 pm
Location: Swan Hill, Australia
Info

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.

no avatar
Destiny
Moderator
 
Posts: 7844
Likes: 6 posts
Liked in: 227 posts
Joined: Mon Apr 26, 2010 11:55 pm
Location: Australia
Info

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

User avatar
signmaster
Member
 
Posts: 279
Likes: 47 posts
Liked in: 33 posts
Joined: Thu Aug 21, 2008 1:55 pm
Location: Swan Hill, Australia
Info

Re: Display image on hover

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

Yes, is that a plugin?

Steve

no avatar
Destiny
Moderator
 
Posts: 7844
Likes: 6 posts
Liked in: 227 posts
Joined: Mon Apr 26, 2010 11:55 pm
Location: Australia
Info

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

User avatar
signmaster
Member
 
Posts: 279
Likes: 47 posts
Liked in: 33 posts
Joined: Thu Aug 21, 2008 1:55 pm
Location: Swan Hill, Australia
Info

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

no avatar
Destiny
Moderator
 
Posts: 7844
Likes: 6 posts
Liked in: 227 posts
Joined: Mon Apr 26, 2010 11:55 pm
Location: Australia
Info

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

User avatar
signmaster
Member
 
Posts: 279
Likes: 47 posts
Liked in: 33 posts
Joined: Thu Aug 21, 2008 1:55 pm
Location: Swan Hill, Australia
Info

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

no avatar
Destiny
Moderator
 
Posts: 7844
Likes: 6 posts
Liked in: 227 posts
Joined: Mon Apr 26, 2010 11:55 pm
Location: Australia
Info

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

signmaster likes this post.

no avatar
dadoplus
Member
 
Posts: 76
Likes: 30 posts
Liked in: 9 posts
Joined: Wed Mar 11, 2015 11:51 pm
Info

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.

User avatar
Annis
Kolor Team
 
Posts: 6063
Likes: 801 posts
Liked in: 442 posts
Joined: Mon Aug 12, 2013 12:47 pm
Location: France
Info

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


Who is online

Users browsing this forum: No registered users and 3 guests

cron