jquery - jQuery首页幻灯片放映

Question

我在 Joomla 中使用 FPSS JQuery 插件，可以在这里看到：http: //bawajee.com/techno 有一个背景颜色为黑色的加载程序，我想知道这种颜色来自哪里。其实想要有这种颜色的白色或透明。但是当我想查看代码时，它会被压缩。

有人可以告诉我从哪里可以更改颜色，并且fpss.jquery还可以以未压缩的形式提供吗？

Answer 1

发现它的小虫子。:P

找到它的步骤：

1. 用chrome打开页面
2. 打开开发者工具（控制台用 ctrl-shift-j）
3. 打开脚本标签
4. 在 Event Listeners Breakpoints 下展开 DOM Mutation
5. 选中 DOMContentLoaded 旁边的复选框
6. 逐步执行 (F10)，直到您可以将鼠标悬停在“元素”选项卡中的某个元素上，并且页面上的元素上方会出现一个蓝色框。
7. 导航节点树，直到缩小异常元素。
8. 在右侧的面板中找到样式规则。

执行这些步骤后，我发现问题出在您的template.css.php样式表文件中。样式规则呈现如下：

#fpssContainer84.fpss-template-movies .slide-loading {
    position: absolute;
    width: 450px;
    height: 272px;
    background: black url(../images/loading_black.gif) no-repeat center center;
    z-index: 100;
}

您可以更改此规则所在的位置（template.css.php 第 13 行）或在页面上创建样式规则。如果您修改实际样式规则，我建议如下：

#fpssContainer84.fpss-template-movies .slide-loading {
    position: absolute;
    width: 100%;
    height: 272px;
    background: white;
    z-index: 100;
}

或者如果您想覆盖另一个样式表或实际页面中的样式规则：

#fpssContainer84.fpss-template-movies .slide-loading {
    width: 100%;
    background: white;
}

最后，如果这甚至不起作用，请在任何样式表中尝试：

#fpssContainer84.fpss-template-movies .slide-loading {
    width: 100% !important;
    background: white !important;
}