- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我已经实现了 w3 学校上显示的幻灯片 http://www.w3schools.com/w3css/w3css_slideshow.asp但我对它“滑动”的顺序有疑问。我已将自动幻灯片放映与幻灯片放映指示器组合在一起,但当我加载页面时,顺序为 3、2、1。因此指示器从右向左移动。我自己解决这个问题并不开心,所以希望有人能帮助我。
<div class="imageContent">
<div class="w3-content w3-display-container" style="max-width:670px">
<a href="mypage.php"><img class="mySlides" src="img/image1.jpg" style="width:100%"></a>
<a href="mypage.php"><img class="mySlides" src="img/image2.jpg" style="width:100%"></a>
<a href="mypage.php"><img class="mySlides" src="img/image3.jpg" style="width:100%"></a>
<div class="w3-center w3-section w3-large w3-text-white w3-display-bottommiddle" style="width:100%">
<div class="w3-left w3-padding-left w3-hover-text-khaki" onclick="plusDivs(-1)">❮</div>
<div class="w3-right w3-padding-right w3-hover-text-khaki" onclick="plusDivs(1)">❯</div>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span>
</div>
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
showDivs(slideIndex = n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" w3-white", "");
}
x[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " w3-white";
}
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
slideIndex++;
if (slideIndex > x.length) {slideIndex = 1}
x[slideIndex-1].style.display = "block";
setTimeout(carousel, 5000); // Change image every 5 seconds
plusDivs(1);
}
</script>
</div>
最佳答案
我需要用 showDivs(slideIndex) 替换 plusDivs(1)
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
slideIndex++;
if (slideIndex > x.length) {slideIndex = 1}
x[slideIndex-1].style.display = "block";
setTimeout(carousel, 5000); // Change image every 5 seconds
showDivs(slideIndex);
}
关于javascript - W3Schools 图像幻灯片顺序反转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41209369/
这个问题在这里已经有了答案: What is a NullPointerException, and how do I fix it? (12 个回答) 6年前关闭。 我正在为我的类(class)做一
我正在开发一个大型 React/Redux Web 应用程序,最近在实现新功能时遇到了问题。我担心我没有遵循 redux 最佳实践。我想我应该简化情况并将其发布在这里,以便了解其他人如何在 redux
我有一个 List 对象,其中包含 School.Id、School.Name 和 School.Address 。 我需要在 selectOneMenu 列表框中列出所有 School.Name。
第一次张贴在这里,但现在潜伏了几个月。目前沉迷于 C++,具有少量 Java 知识以及之前在学校的 Comp Sci 类(class)。如果你们中的一些人看到这个并且感到失望,我深表歉意,因为已经有关
我需要为我正在从事的一个项目编写一个函数,我们正在为这个项目制作一个仅供机构的学生、教职员工和校友访问的网站。 假设学校网站是:school.edu。 我在编写用于检查提交的电子邮件地址是否具有“sc
编写一个 SELECT,它返回每个乐队的第五张专辑的名称。如果乐队没有第五张专辑,那应该什么也没有。如果一个乐队在一年内有更多专辑,则让按专辑名称的字典排列适用。结果应包括乐队名称和专辑名称,按照乐队
Stack Overflow 和发帖新手。刚开始接触 JavaScript,我陷入了 CodeSchool 关闭问题。问题是: 现在,针对特定障碍物的警报已有效计数,开发女孩需要您存储报告的障碍物位置
我意识到控制台 win32 应用程序没有完全退出,所以我正在尝试切换到仅消息窗口。我正在从另一个进程启动该应用程序并尝试彻底终止它。 这是 win32 应用程序,它在启动和干净关闭时生成一个 calc
我目前正在使用 websockets 开发一些桌面应用程序(更准确地说:我正在使用 Alchemy WebSockets)。到目前为止,我的代码运行良好,但 Visual Studio 2010 告诉
使用这个简化的例子;您认为哪种方法更好,为什么? 编辑:关系必须是 1 对 1。一个学生只存在于一所学校。 Option1 **Table Schools:** id int primary key;
非常感谢大家。 html 很好,我相信 javascript 仍然是一个问题,php 看起来还不错,但我需要更多的指针。我已按如下方式编辑了代码... html:
# -*- coding: UTF-8 -*- import urllib.request import re import os os.system("cls") url=input("Url Li
中学程序 GCD 第 1 步找到 m 的质因数。 第 2 步找到 n 的质因数。 第 3 步确定两个素数展开式中的所有公因子在第 1 步 和第 2 步 中找到。 (如果 p 是发生在 pm 和pn次分
XMPPFramework为“意外断开连接”提供名为 XMPPReconnect 的扩展并自动重新连接流。 这在正常连接的设置上效果很好: [xmppStream connect:&error] [x
我正在做一些关于 yield 返回性能的测试,我发现它比正常返回慢。 我测试了值变量(int、double 等)和一些引用类型(string 等)...并且在这两种情况下 yield return 都
我对使用套接字还很陌生,并且正在从事我的第一个项目;我实际上完全打算在没有任何库的情况下完成其中的第一个。我在 Windows 7 上,仅使用 WinAPI。 我在学校部分地研究它,在我的学校他们有一
因此,据我所知,几乎所有与 IE 兼容的拖放操作都使用定位来确定将某些内容放置在何处。做一些类似 mousedown 的事情,确定所有可放置的位置,mouseup 确定我们是否处于可放置的位置。为什么
我正在为学校项目构建一个非常基本的数据库,但在 MySQL 中出现“无法添加外键约束”错误。在过去的一天里,我一直在为这个问题摸不着头脑,阅读了所有相关的帖子,但一直无法弄清楚。 这是我项目的前两个表
我想在 Azure Multi-Tenancy 环境中针对 Microsoft 帐户和“工作或学校”帐户进行身份验证。每种身份验证类型需要不同的请求。如果我尝试针对“工作或学校”请求以 Microso
在 Noda Time 1.3.1、我们的.csproj文件引用了配置文件 328 和我们的 .nuspec文件将结果放入 lib\portable-net4+sl5+netcore45+wpa81+
我是一名优秀的程序员,十分优秀!