itegracja lightboxa z "like button" z JavaScript SDK

[sakkada]

Witam
Moj problem polega na tym ze chce umiescic w miejscu title button like ale ten ktory obsluguje JavaScript SDK. Poniewaz chce uzyskac mozliwosc subskrybcji elementu z galerii. Udalo mi sie znalesc rozwiazanie tylko i wylacznie z zastosowaniem iframe a to jest dla mnie za malo. Jezeli ktos pokusił by sie na stworzenie mi czegosc takiego to byl bym bardzo wdzieczny, kazda wskazówka wiele pomoze.

ttutaj link do tego przykladu z zastosowaniem iframe.
http://jsfiddle.net/B9ytK/

[Pedro84]

Pokaż kod, z czym masz problem.

[sakkada]

to jest element galeri
<a title="1st title" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

<a title="2nd title" class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>




a to jest javascript ale tylko iframe button like. A ja chce zainstalowac button like kozystajacy z javascript sdk

$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
beforeShow: function () {
if (this.title) {
// New line
this.title += '<br />';

// Add tweet button
this.title += '<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-url="' + this.href + '">Tweet</a> ';

// Add FaceBook like button
this.title += '<iframe src="//www.facebook.com/plugins/like.php?href=' + this.href + '&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:23px;" allowTransparency="true"></iframe>';
}
},
afterShow: function() {
// Render tweet button
twttr.widgets.load();
},
helpers : {
title : {
type: 'inside'
}
}
});


Potrzebuje umiescic w miejscu title kazdego elementu galerii like button wykozystujacy ten kod
to jest js sdk:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

a to kod odpowiedzialny za umiesczenie tego na stronie


<fb:like href="http://www.facebook.pl/ tutaj id " send="true" width="450" show_faces="false"></fb:like>



Chodzi mi o to zeby podmienic sposoby wgrania like buttona do tej galerii poniewaz ta wersja z js ma dodatkowa mozliwosc udostepniania tych elementow wiec jakby ktos potrafil cos takiego zmajstrowac to byl bym bardzo wdzieczny

[Pedro84]

1. FBML już nie używaymy.
2. W popupie po prostu dodajesz DIVa

Kod:

<div class="fb-like" data-href="URL_TUTAJ" data-send="true" data-width="450" data-show-faces="true"></div>

nie rozumiem z czym masz problem.

[sakkada]

sry z tym fbml mi sie pomylilo chodzilo mi o html5 no mam taki div-facebook button i jak to umiesci wlasnie w tym pop-upie zeby dzialalo bo narazie probuje i nic z tego .
Chodzi mi tez o to ze potem do kazdego z tych button lajkow przypisze inny url zeby odwolywal sie do innych zdjec z facebooka .
jak bys mogl to prosze wez mi to tam umiesc w tym js co wyslalem bo chyba to w tym trzeba bo ja jestem kapletnie zielony jezeli chodzi o js.

Z gory dzieki

ps narazie probowalem tak


$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
beforeShow: function () {
if (this.title) {
// New line
this.title += '<br />';

// Add FaceBook like button
this.title += '<div class="fb-like" data-href="https://www.facebook.com/bastpl" data-send="true" data-width="450" data-show-faces="true"></div>';
}
},
afterShow: function() {
// Render tweet button
twttr.widgets.load();
},
helpers : {
title : {
type: 'inside'
}
}

ale to nie dziala
});