terça-feira, 31 de agosto de 2010

Tab do Facebook com uma imagem que linka para um swf

Modo de implementar uma tab no facebook, em que se tem uma imagem com um link para um swf que correr sempre dentro do facebook.

A primeira div tem a imagem


















A segunda div tem a página com o swf que aparece quando se clica na imagem


















Tanto a imagem como a página com o swf têm que estar online para funcionar.

<div id="iframeLinkDiv">
<a clicktohide="iframeLinkDiv" onclick=&
quot;outside_location.setInnerFBML(link_1);" style="cursor: pointer;">
<img alt="Compal Fresh Sangria" src="http://www.compal.pt/facebook/images/destaque2.jpg" />
</a>

</div>
<div id="outside_location"></div>
<fb:js-string var="link_1">
<fb:iframe height="520" allowTransparency="true" frameborder="0" scrolling="no" style="width:100%; border:none" src="http://www.compal.pt/facebook/iframebanner2.html"></fb:iframe>
</fb:js-string>
<script type="text/javascript" charset="utf-8">
var outside_location = document.getElementById('outside_location');
</script>

3 comentários:

  1. ola Sara, sou analista de sistemas aqui no Brasil, gostaria de saber se o codigo acima ainda funciona no facebook, pois estou tentando mas da erro de javascript.... obrigado - webmaster@saoofrancisco.edu.br

    ResponderEliminar
  2. corrigindo email: webmaster@saofrancisco.edu.br

    ResponderEliminar
  3. Oi Sara, criei uma página pra minha empresa (via negócio local), mas quando aparece sempre abre com o mural. como fazer para a pagina inicial ser essas com as abas? valeu!

    ResponderEliminar