如何修复我的照片滑块

本文介绍了如何修复我的照片滑块的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

您好， 在学校课堂上，我学会了制作一台照片滑雪板，现在我想将它用于我自己的学校项目，但它不起作用。 .. eduweb.hhs.nl/~11028416/html/ [ ^ ] 如果你点击这个链接，你会看到问题是什么，但我不知道如何解决这个问题。 关于滑块的代码... HTML

Hello, In a school class I've learned to make a photoslider and now I want to use it for my own school project but it doesnt work... eduweb.hhs.nl/~11028416/html/[^] If you click this link you will see what the problem is but I dont know how to fix this. My code regarding to the slider... HTML

<div id="sliderFrame"> <img class="sliderImage" src="images/rood.png"> <img class="sliderImage" src="images/subway2.png"> </div>

CSS

CSS

#sliderFrame { width: 345px; overflow: hidden; } .sliderImage { position: absolute; margin-top: 73px; display: none; }

jQuery

jQuery

var currentImage = 0; $(document).ready(function(){ console.log("er zijn " + $(".sliderImage").length + " foto's"); $(".sliderImage").eq(currentImage).show(); changeImage(); }); changeImage = function(){ $(".sliderImage").eq(currentImage).animate({left:"-345px"}, 1000); currentImage += 1; if (currentImage > 1){ currentImage = 0; }; $(".sliderImage").eq(currentImage).show().css("left", "345px").animate({left: "0px"}, 1000); setTimeout("changeImage()", 3000); }

我现在花了几个小时给它头疼哈哈。 提前致谢 真诚 Job

I've spent a few hours now and its giving me headache haha. Thanks in advance Sincerely Job

推荐答案

（ document ）。ready（ function （）{ console .log（ er zijn + (document).ready(function(){ console.log("er zijn " +

（ .sliderImage）。length + foto的）; (".sliderImage").length + " foto's");

（ 。sliderImage）。eq（currentImage）.show（）; changeImage（）; }）; changeImage = function （）{ (".sliderImage").eq(currentImage).show(); changeImage(); }); changeImage = function(){