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