How to add facebook like button in Pano2vr?

Q&A about the latest versions
Post Reply
kris
Posts: 105
Joined: Wed Feb 15, 2012 9:37 am

Hi,
Hopki

How to add facebook like & Twitter button in Pano2vr?
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi skkris,
Add the relevant images, Facebook and Twitter logos.

For the Facebook image give it the action:

Code: Select all

Mouse Click => Go To URL => URL: http://www.facebook.com/share.php?u=http://gardengnomesoftware.com => Target: _blank
Replacing: http://gardengnomesoftware.com with your own URL

For the Twitter button add the action:

Code: Select all

Mouse Click => Go To URL => URL: http://twitter.com/home?status=Write something here => Target: _blank
Replacing: Write something here with your own text.

Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
George Palov
Posts: 60
Joined: Mon Jun 13, 2011 11:18 pm
Location: Sofia, Bulgaria
Contact:

hi Hopki, I have done what you wrote, but sharing is not like a "LIKE" button. I still haven't found solution, but yet have seen in competitive software it is doable. Can you comment on that? Is it on the road map? Or maybe some code like the sharing one ( though from what I've read it is not THAT simple...)
Best, George
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi
Try using the below code with the mouse click go to url action.

Code: Select all

http://www.facebook.com/plugins/like.php?href=http://gardengnomesoftware.com
Replace our website with yours.
Its not great, but does work.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
Sam Rohn
Posts: 29
Joined: Fri Sep 28, 2007 7:50 am
Location: New York City
Contact:

making a proper facebook like button in flash is possible, but somewhat complicated, & flash button will not work in html5 panos of course

http://labs.byhook.com/2010/08/03/faceb ... -in-flash/

an easier solution to place a proper facebook like (or twitter, etc) button w # of likes is to place the button code in an html div with a higher z-index than your pano, so the button appears in front of the pano, disadvantage here is that it will not show on full screen flash panos

see this page for example html + css code

http://www.magichtml.com/tutorial_facebook.html

sam
Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City

PanoPress :: WordPress Plugin for 360° Panoramas in Flash & HTML5 :: http://www.panopress.org
User avatar
George Palov
Posts: 60
Joined: Mon Jun 13, 2011 11:18 pm
Location: Sofia, Bulgaria
Contact:

Thank you Sam, I've seen that long post about flash and FB like button, that is why I wrote it ain't easy at least not for regular users. Will try the second link to see if it work with Panopress...hopefully I can manage to arrange that.
Best, George
User avatar
hum@no.id
Posts: 945
Joined: Sat Sep 09, 2006 10:35 pm
Location: Dark side of the Moon
Contact:

Work only with wmode="transparent"... this is bad way for panoramic content
Gumir J | VR Panoramic Photographer | mobile: +77055717171 | skype: gumirj
website: gumirj.com | google.com/+gumirj | facebook.com/gumirj | twitter.com/gumirj
Tong
Posts: 313
Joined: Fri Apr 13, 2012 9:30 pm

any news? i found this one example
http://flashificator.com/1/Sapani2012/
but it not in pano2vr ;-)
gutek
Posts: 4
Joined: Mon Jun 11, 2012 3:52 pm

but it not in pano2vr ;-)
It's not... but it shows how to set flash and html/css.
It seems to work much better than setting wmode=transparent
Big thx for this link :D
Tong
Posts: 313
Joined: Fri Apr 13, 2012 9:30 pm

gutek can you provide how to code?
gutek
Posts: 4
Joined: Mon Jun 11, 2012 3:52 pm

Look at source code from this site
http://flashificator.com/1/Sapani2012/

You must set:

in flash params add

Code: Select all

params.wmode = "opaque";
Flash content insert in div with style

Code: Select all

display:block;
Other html elements (facebook like button, google map, html menu...) must have style

Code: Select all

position: absolute;
This works much better than wmode = transparent
byker
Posts: 5
Joined: Thu May 23, 2013 6:41 pm

Hello,
I try to embed a pano with

Code: Select all

params.wmode = "opaque";
but after doing that, the mousewheel stops working. How can I solve this problem? Thank you
P.S.
This problem occurs in mozilla firefox- opera and IE seems to work fine.
Post Reply