EXEMPLO COMPLETO DO FUNCIONAMENTO DO LIGHTBOX
Esse é o conteúdo principal. Para aparecer um lightbox mhhhhhhhģhhhhhhhhhóooigggffffgyggggggggghhggggggggg
, clique AQUI
Log In with the JavaScript SDK
# /js-login.php $fb = new Facebook\Facebook([ 'app_id' => '{app-id}', 'app_secret' => '{app-secret}', 'default_graph_version' => 'v2.2', ]); $helper = $fb->getJavaScriptHelper(); try { $accessToken = $helper->getAccessToken(); } catch(Facebook\Exceptions\FacebookResponseException $e) { // When Graph returns an error echo 'Graph returned an error: ' . $e->getMessage(); exit; } catch(Facebook\Exceptions\FacebookSDKException $e) { // When validation fails or other local issues echo 'Facebook SDK returned an error: ' . $e->getMessage(); exit; } if (! isset($accessToken)) { echo 'No cookie set or no OAuth data could be obtained from cookie.'; exit; } // Logged in echo '
Access Token
'; var_dump($accessToken->getValue()); $_SESSION['fb_access_token'] = (string) $accessToken; // User is logged in! // You can redirect them to a members-only page. //header('Location: https://example.com/members.php');sexta-feira, 30 de setembro de 2016
$(document).ready(function(){
$("a[rel=modal]").click( function(ev){
ev.preventDefault();
var id = $(this).attr("href");
var alturaTela = $(document).height();
var larguraTela = $(window).width();
//colocando o fundo preto
$('#mascara').css({'width':larguraTela,'height':alturaTela});
$('#mascara').fadeIn(1000);
$('#mascara').fadeTo("slow",0.8);
var left = ($(window).width() /2) - ( $(id).width() / 2 );
var top = ($(window).height() / 2) - ( $(id).height() / 2 );
$(id).css({'top':top,'left':left});
$(id).show();
});
$("#mascara").click( function(){
$(this).hide();
$(".window").hide();
});
$('.fechar').click(function(ev){
ev.preventDefault();
$("#mascara").hide();
$(".window").hide();
});
});
Assinar:
Postar comentários (Atom)
Nenhum comentário:
Postar um comentário