0

我是 html 和 css 的新手。我正在尝试按照以下方式自定义滑块:

http://slidesjs.com/#overview

我正在使用 - 从下载链接演示。

到目前为止,我唯一做的就是在 img、css 和 js 下添加一个名为滑块的文件夹,并在该文件夹下添加了文件。

所以 index.html 的唯一区别是:

<link rel="stylesheet" href="css/slider/global.css">    

之前是:

<link rel="stylesheet" href="css/global.css">   
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"/>
<script src="js/slides.min.jquery.js"/>

除了图像框架底部的分页外,一切正常。如果我将 css 的路径从“css/slider/global.css”恢复为“css/global.css”,它工作正常。我试图找到调用 *.css 文件的位置,但我无法找到问题所在。

4

1 回答 1

0

css 文件中的第 132 行引用了“分页”图像路径。如果位置已更改,则您需要更新该 css 文件。

前任。

    background-image:url(../img/pagination.png);

根据您上面所说的,它现在可能应该是:

    background-image:url(../../img/slider/pagination.png);
于 2012-12-10T11:23:25.230 回答