嗨,我想创建一个JavaScript演示文稿我正在努力的网站。这是非常基本的,主要是使用w3schools的指南之一。当我在内部使用JavaScript时,演示文稿正常工作,但是在外部使用它时,它会将所有图片加载到列表中,但是当您按下“下一步”按钮时,它们全部消失并且演示文稿正常工作。 here is the page on load我的外部javascript不能正常工作,但内部它很好
下面是HTML
<script type="text/javascript" src="../javascript/slide.js"></script>
<div class="slideshowcontainer">
<img class="slideshow" src="../images/formalplace1.jpg" style="width:500px" "height:400px">
<img class="slideshow" src="../images/formalplace2.jpg" style="width:500px" "height:400px">
<img class="slideshow" src="../images/formalplace3.jpg" style="width:500px" "height:400px">
<img class="slideshow" src="../images/formalplace4.jpg" style="width:500px" "height:400px">
<button class="left-button" onclick="plusDivs(-1)">❮</button>
<button class="right-button" onclick="plusDivs(1)">❯</button>
</div>
和JavaScript
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("slideshow");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
我不是很熟悉JavaScript,但是我已经尝试在做的window.onload和document.onload也是周边它与功能。
任何帮助将不胜感激,谢谢。
确保你的外部脚本要么装在''
标签的结束或有'defer'属性。 – gyre你把你的剧本放在哪里? –
你能告诉我们你是如何加载你的外部javascript文件的吗? –