Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 反应幻灯片转换看起来很奇怪_Jquery_Css - Fatal编程技术网

Jquery 反应幻灯片转换看起来很奇怪

Jquery 反应幻灯片转换看起来很奇怪,jquery,css,Jquery,Css,我在网页上直接提供了一个带有标准设置的responsiveslides幻灯片。它可以工作,但转换看起来很奇怪。在选择正确的尺寸之前,图像将填充整个屏幕宽度。除第一张外,我还得到了所有图像上的“li点”。这可能是连接到CSS,但我找不到一个方法来纠正它。在此问题上的任何帮助都将不胜感激 代码摘录 <%@ Page Title="XXX" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="

我在网页上直接提供了一个带有标准设置的responsiveslides幻灯片。它可以工作,但转换看起来很奇怪。在选择正确的尺寸之前,图像将填充整个屏幕宽度。除第一张外,我还得到了所有图像上的“li点”。这可能是连接到CSS,但我找不到一个方法来纠正它。在此问题上的任何帮助都将不胜感激

代码摘录

<%@ Page Title="XXX" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">

<script src="Scripts/responsiveslides.js"></script>

<script>
    $(function () {
        $(".rslides").responsiveSlides();
    });
</script>
<div>
   <ul class="rslides">
    <li><img src="Images/Slides/SAMS-1.png" /></li>
    <li><img src="Images/Slides/SAMS-2.png" /></li>
    <li><img src="Images/Slides/SAMS-3.png" /></li>

</ul>
</div>

我在这里尝试了你的代码:(使用寻呼机和导航选项),一切都正常工作(嗯,我想是的…)

事实上,我在你的css代码中看到了一个输入错误,也许你的问题来自这里:

*! http://responsiveslides.com v1.54 by @viljamis */

// Multiline comment should start with /*
/* http://responsiveslides.com v1.54 by @viljamis */
如果要显示寻呼机,必须设置一个选项:

$(".rslides").responsiveSlides({
    pager: true
});
完整文档可在以下位置获得:


编辑:我用一个文档更新了小提琴。ready方法

没有提供代码,没有帮助…好的,我现在用一些代码完成了我的问题。
$(".rslides").responsiveSlides({
    pager: true
});