2012-08-07 3 views
1

페이스 북 캔버스에 플래시 무비의 배치에 관한 약간의 문제가 있습니다.페이스 북의 캔버스에 플래시 무비 위치

플래시 무비의 크기는 760x600 픽셀입니다. 그래서 나는 고정 (760 px) 및 고정 (800 px) 높이 캔버스 너비의 고급 설정을 페이스 북 응용 프로그램을 설정했습니다.

문제는, 플래시 무비가 canvas.x = 10 px에 있고 x = 0 px가 아닌 것처럼 보이기 때문에 가로 스크롤 막대가 생기고 플래시 무비의 750 px 만 표시된다는 것입니다.

플래시 무비의 위치를 ​​설정하는 방법이 있습니까? Flash-As3에서 바람직합니까?

미리 감사드립니다. 입력 Niraj에 대한

업데이트

감사합니다! 불행히도 나는 CSS로 아무것도 해본 적이 없다. 여기 내 "index.html"입니다, 어떻게 HTML 코드에 귀하의 예제를 통합 할 말해 줄래?

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> 
<head> 
    <!-- Include support librarys first --> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> 
    <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script> 
</head> 
<body> 
    <div id="fb-root"></div><!-- required div --> 
    <div id="flashContent"> 
     <h1>You need at least Flash Player 10.2 to view this page.</h1> 
     <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p> 
    </div> 
    <script type="text/javascript"> 
     //This example uses dynamic publishing with swfObject. Login is handled in the swf 

     //Note we are passing in attribute object with a 'name' property that is same value as the 'id'. This is REQUIRED for Chrome/Mozilla browsers   
     swfobject.embedSWF("example.swf", "flashContent", "760", "600", "10.1", null, null, null, {name:"flashContent"}); 

     // redirect 
     function redirect(id,perms,uri) 
     { 
      var params = 
      window.location.toString().slice(window.location.toString().indexOf('?')); 
      top.location = 'https://graph.facebook.com/oauth/authorize?client_id='+id+'&scope='+perms+'&redirect_uri='+uri+params; 
     }  
    </script> 
</body> 
</html> 

감사합니다.

+0

는 HTML 코드 – TicketToRide

답변

1

문제는 플래시 페이지에 있습니다. 플래시를 포함하는 HTML 페이지에서 여백을 제거하고 setAutoGrow() 기능을 사용하여 Javacript SDK를 사용하여 페이지의 크기를 조정해야합니다. overflow: hidden도 스크롤 막대를 제거합니다.

예 CSS :

body { 
    margin: 0; 
    overflow: hidden; 
} 

편집 : 페이지의 <head> 태그에

에 추가 :

<style type="text/css"> 
    html, body { 
     margin: 0; 
     overflow: hidden; 
    } 
</style> 
+0

내 원래의 질문 업데이트 안녕하세요, Niraj, 내 질문을 업데이트했습니다. 추가 대구 이자형. – TicketToRide

+0

감사합니다. 내 대답을 업데이트했습니다. –

+0

대단히 감사합니다. – TicketToRide