【发布时间】:2017-01-26 09:59:44
【问题描述】:
我刚刚开始在网站上工作,但我已经坚持了几天以来的第一个问题......我使用Parallax Content Slider from Codrops website。
当我在我的计算机上进行本地测试时,它可以正常工作,但是当它在线时,它会停在第二张幻灯片上,并且不再移动,并且也无法与导航一起使用。在 Firefox 和 Google Chrome 上测试过,两者都有同样的问题。
我最不明白的是为什么它直到第二张幻灯片才有效?
HTML:
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h1>MK Architecture - About</h1>
<p>Nulla facilisi. Phasellus cursus nisl id sapien accumsan, et laoreet neque porta....</p>
<div class="da-img">
<img src="images/slide1.jpg" alt="MKA about" />
</div>
</div>
<div class="da-slide">
<h1>Services - Let me work...</h1>
<p>Nulla facilisi. Phasellus cursus nisl id sapien accumsan, et laoreet neque porta...</p>
<p class="da-link">Go to Service section</p>
<div class="da-img">
<img src="images/slide3.jpg" alt="MKA services" />
</div>
</div>
</div>
连接的 CSS 文件: 主要:http://igorlaszlo.com/mk/index.css 滑块:http://igorlaszlo.com/mk/slider.css
连接的 jQuery 文件: 主要:http://igorlaszlo.com/mk/js/custom.js 滑块:http://igorlaszlo.com/mk/js/slider.js
有人知道在第二张幻灯片之后是什么挡住了我的滑块吗?
【问题讨论】:
标签: jquery slider css-animations