+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: itegracja lightboxa z "like button" z JavaScript SDK (/thread-itegracja-lightboxa-z-like-button-z-javascript-sdk)
itegracja lightboxa z "like button" z JavaScript SDK - sakkada - 03-01-2013
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/
RE: itegracja lightboxa z "like button" z JavaScript SDK - Pedro84 - 04-01-2013
Pokaż kod, z czym masz problem.
RE: itegracja lightboxa z "like button" z JavaScript SDK - sakkada - 04-01-2013
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 + '&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&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
RE: itegracja lightboxa z "like button" z JavaScript SDK - Pedro84 - 04-01-2013
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>RE: itegracja lightboxa z "like button" z JavaScript SDK - sakkada - 04-01-2013
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
});