Pregunta

Estoy creando una aplicación web, similar al código de caja similar desde Facebook: http://developers.facebook.com/docs/reference/plugins/like-box/.

Cuando los usuarios lo pegan en la aplicación web, deberían poder obtener el cuadro similar, incluidas las feeds si han seleccionado la transmisión, mientras generan el código de caja similar.

He usado el siguiente código para hacer esto; Pero el problema es que no puedo recuperar las imágenes de los usuarios que les gustó la página.

¿Cómo recupero la información de su perfil?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Facebook Feeds</title>

<script type="text/javascript">
function getPage()
{
    var getCont=document.getElementById("txarea").value;
    document.getElementById("getContent").innerHTML=getCont;
}
</script>
</head>

<body>

<input type="text" id="txarea" />
<input type="button" id="fbBtnClick" value="Click" onclick="getPage();"></input>
<div id="getContent">
</div>

</body>
</html>
¿Fue útil?

Solución

Así que he probado esto y lo siguiente parece ser el problema:

La altura del nombre de iframe se está estableciendo en 427px por defecto Las imágenes se están cargando pero están ocultas porque la altura del iframe no es lo suficientemente larga

Por defecto, Facebook da lo siguiente:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true&amp;altura = 427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px;Altura: 427px;" allowTransparency="true"></iframe>

Cambiando eso también:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true&amp;altura = 567" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px;Altura: 567px;" allowTransparency="true"></iframe>

Mostrará las imágenes ... así que creo que tendrá que tomar la entrada de sus usuarios y luego cambiar la altura y luego configurarla.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top