加载swiffy页面作为横幅

时间:2012-03-23 17:47:25

标签: javascript wordpress google-swiffy

我一直在尝试将swiffy生成的html页面加载到我的网站横幅中。我按照谷歌常见问题解答中的建议尝试了iframe,但是当点击链接时,它们只会按照惯例在iframe中打开,但我需要它们在当前页面上打开,所以我尝试将swiffy代码分解为javascript文件并调用它如下所示。我目前正在使用word press,这意味着这一切都是从header.php文件加载的,并且一直在尝试以下代码而没有运气。有什么建议吗?

<div id="home-banner" width="916px" height="200px">
</div>
<script src="http://www.gstatic.com/swiffy/v3.9/runtime.js"></script>
<script type="text/javascript" src="http://www.goaefis.com/Banner.js">
var stage = new swiffy.Stage(document.getElementById('home-banner'), swiffyobject);
stage.start();
</script>

1 个答案:

答案 0 :(得分:1)

您需要取消注册WordPress jquery,以便您可以使用Google代码。您可以将脚本保存在<script></script>标记内作为单独的文档。对于这个例子,我将它称为swiftfyobject.js。它需要进入名为js的文件夹中的主题文件夹。然后,您可以在themes.php文件中调用脚本。

以下是它的外观:

进入js文件夹的swiffyobject.js文件:

var stage = new swiffy.Stage(document.getElementById('home-banner'), swiffyobject);
stage.start();

functions.php文件的代码:

function add_themescript(){
  if(!is_admin()){
  wp_deregister_script( 'jquery' );
  wp_register_script( 'jquery', 'http://www.goaefis.com/Banner.js');
  wp_enqueue_script( 'swiffyobject', get_template_directory_uri() . '/js/swiffyobject.js', array('jquery'));
}
}
add_action('init','add_themescript');

如果与您使用的主题或插件中的其他代码没有任何冲突,那么应该让您前进。