本文介绍了如何修复我的照片滑块的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
您好, 在学校课堂上,我学会了制作一台照片滑雪板,现在我想将它用于我自己的学校项目,但它不起作用。 .. 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(){
更多推荐
如何修复我的照片滑块
发布评论