views:

62

answers:

0

Hello,

I am using JQuery Gallerific photo album at our site. http://www.twospy.com/galleriffic/example-5.html

I want to implement the Facebook Like button and Open Graph Protocol on this page.

facebook like button

<fb:like href="http://www.twospy.com/galleriffic/example-5.html" layout="button_count"></fb:like>

open graph protocol

<meta property="og:url" content="http://www.twospy.com/galleriffic/example-5.html"/&gt;
<meta property="og:image" content="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg"/&gt;

I want to change the og:url and og:image links when user clicks on next button and previous buttons to the appropriate page links.

Let's say user clicks on 5th image, then the open graph protocol links should change to

<meta property="og:url" content="http://www.twospy.com/galleriffic/example-5.html#5"/&gt;
<meta property="og:image" content="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_s.jpg" />

and like button needs to be changed to

<fb:like href="http://www.twospy.com/galleriffic/example-5.html#5" layout="button_count"></fb:like>

Please let me know is it possible. A solution to this issue will save my life. Please help me with the code.

Thank You.