在BP的标题中实现视差问题-默认主题

时间:2010-12-05 作者:Anindya Ray

我正在尝试在bp默认主题的标题中实现视差,但面临问题。。。。

页面出现问题,adminbar居中对齐,但页面的其余内容左对齐,下图显示了示例。。。。http://img822.imageshack.us/img822/1476/bpdparallax.jpg

无法更改default.css 文件,但我更改了下面的背景图像url#header 对于位于不同位置的不同文件,页面显示default_header.jpg 在任何情况下,即使我硬刷新浏览器。。。。

我使用的代码如下:

头球。PHP在<head></head> 在wp\\u head()和我放置的head标记的末端之间进行标记。。。

<script type="text/javascript" src="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/jquery.min.js"></script>
    <script type="text/javascript" src="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/jquery.jparallax.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function(){
      jQuery(\'#parallax\').jparallax();
    }); 
    </script>
    <link rel="stylesheet" type="text/css" href="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/reset-min.css">
<body> 标签位于<div id="header"> I位置

<div id="parallax">
         <img src="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/bubble3.png"/>
            <img src="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/bubble2.png"/>
            <img src="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/bubble1.png"/>
        </div>
我使用

#parallax {
 width: 960px;
 height: 200px;
 position: relative;
 overflow: hidden;
 margin: 0 auto;
}
默认情况下,此css。css文件

尽管存在这些问题,但视差动画工作正常!

我做错了什么?

1 个回复
SO网友:aendra

首先--

在包含Javascript时,请使用与函数中的init操作挂钩的函数。php。请参见:http://scribu.net/wordpress/optimal-script-loading.html

其次,BP栏的CSS受到主题中某些内容的影响。如果先修复Javascript的加载方式并不能解决该问题,请尝试在Firebug(或Chrome的开发工具)中选择该对象,并查看是否有style adminbar以外的文件。css正在影响它。您可能在某处有一些重用的CSS类名。

结束