jQuery首页幻灯片放映

jQuery首页幻灯片放映,jquery,jquery-plugins,joomla1.7,Jquery,Jquery Plugins,Joomla1.7,我正在Joomla中使用FPSS JQuery插件,可以在这里看到: 有一个加载器的背景色是黑色的,我想知道这个颜色是从哪里来的。实际上,我们希望这种颜色是白色或透明的。但是当我想看到代码时,它就被压缩了 有人能从我可以改变颜色的地方看出这一点吗?fpss.jquery也可以以未压缩的形式提供吗?发现它是个小麻烦:P 查找它的步骤: 在chrome中打开页面 打开开发人员工具(控制台使用ctrl-shift-j) 打开脚本标签 在事件侦听器下,断点展开DOM 选中DOMContentLoaded

我正在Joomla中使用FPSS JQuery插件,可以在这里看到: 有一个加载器的背景色是黑色的,我想知道这个颜色是从哪里来的。实际上,我们希望这种颜色是白色或透明的。但是当我想看到代码时,它就被压缩了


有人能从我可以改变颜色的地方看出这一点吗?
fpss.jquery
也可以以未压缩的形式提供吗?

发现它是个小麻烦:P

查找它的步骤:

  • 在chrome中打开页面
  • 打开开发人员工具(控制台使用ctrl-shift-j)
  • 打开脚本标签
  • 在事件侦听器下,断点展开DOM
  • 选中DOMContentLoaded旁边的复选框
  • 逐步执行(F10),直到您可以将鼠标悬停在“元素”选项卡中的某个元素上,页面上该元素上方会出现一个蓝色框
  • 导航节点树,直到缩小到异常元素
  • 在右侧的面板中找到样式规则
  • 执行这些步骤后,我发现问题出在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;
    }