2011-04-25 8 views
1

기본 이미지를 맞춤 이미지로 바꾸려고하는데 성공하지 못했습니다. 페이스 북의 이미지 위에 CSS 클래스를 적용 해 보았습니다 만, 오류가 발생했습니다 : truncated image.CakePHP Facebook 플러그인 : 사용자 정의 로그인 버튼 이미지

어떻게 사용자 정의 로그인 버튼을 바꿀 수 있습니까? CakePHP Facebook Plugin을 사용하면서 저에게 'caky'해결책을 줄 수 있다면 고맙겠습니다. 감사!

답변

2

나 플러그인의 도우미는 단순히 fb : login-button에 의해 생성 된 기본 버튼을 래핑합니다. 당신이 다른 것처럼 보이게하려면 js를 수동으로 연결해야합니다.

FB.login에 대한 자세한 정보() here하지만, 예를 들어, 당신이 jQuery를 사용하는 가정 :

<a href='#' id='login' class='customLoginLink'>Login<a> 
<script type='text/javascript'> 
    $('#login').click(function(event) { 
     FB.login(function(response) { 
      if (response.session) { 
       // user successfully logged in 
      } else { 
       // user cancelled login 
      } 
     }); 
    }); 
</script> 

이 케이크 같은 원하십니까? 그것을 요소로 감싼다.

+0

고맙습니다. 정말 도움이되었습니다! JS 함수에서 주석 대신 뭔가를 써야합니까? 아니면 단순히 공백으로 두어야합니까? – linkyndy

+0

필요에 따라 페이지를 업데이트 할 수있는 코드가 필요합니다. 예를 들어, 성공하면 로그인 링크를 제거하고 로그 아웃 링크 및/또는 해당 계정 페이지로 연결되는 링크로 대체하려고합니다. – Tyler

+0

OK, 알겠습니다. 고마워요! – linkyndy