Javascript 滑块中的Fadein不工作
为什么省略了最后一张幻灯片?如何修复它以在侧面加载后立即显示第一个图像,而无需等待?我已经尝试了一切,但无法解决它,总是有一些问题(显示两个图像在同一时间等),现在这个Javascript 滑块中的Fadein不工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,为什么省略了最后一张幻灯片?如何修复它以在侧面加载后立即显示第一个图像,而无需等待?我已经尝试了一切,但无法解决它,总是有一些问题(显示两个图像在同一时间等),现在这个 //斯塔维斯拉德 var数值=0; 函数changeslide() { var imagesnumber=document.getElementById(“滑块”).getElementsByTagName(“img”); 对于(var i=0;i=图像编号长度-1) 数值=0; 其他的 numer++; timer1=se
//斯塔维斯拉德
var数值=0;
函数changeslide()
{
var imagesnumber=document.getElementById(“滑块”).getElementsByTagName(“img”);
对于(var i=0;i=图像编号长度-1)
数值=0;
其他的
numer++;
timer1=setTimeout(“changeslide()”,3000);
}
我把计数器移到函数上,这样你就不会把变量弄乱了
计数器过早重启,我用jquery解决方案替换了for循环。var numer=0;
var numer = 0;
function changeslide(){
var timeout=0;
if(numer!==0){
timeout=3000;
}
var imagesnumber=document.getElementById("slider").getElementsByTagName("img");
for(var i = 0; i < imagesnumber.length; i++)
{
imagesnumber[i].style.display = "none";
}
// Wyświetlam aktualny index
$("#slide"+numer).fadeIn(500).css('display','block');
if(numer >= imagesnumber.length-1)
numer = 0;
else
numer++;
timer1 = setTimeout("changeslide()", timeout);
}
函数changeslide(){
var超时=0;
如果(数字!==0){
超时=3000;
}
var imagesnumber=document.getElementById(“滑块”).getElementsByTagName(“img”);
对于(var i=0;i=图像编号长度-1)
数值=0;
其他的
numer++;
timer1=设置超时(“changeslide()”,超时);
}
您能将所有代码放在一个工作的JSFIDLE或类似的东西中吗?我希望我上传的是正确的,以前从未使用过。谢谢!你能告诉我第二个问题怎么办吗?(在页面加载后立即显示第一个img)再看一看谢谢:)你能告诉我这行是什么吗:如果(!this.numer)this.numer=1;是吗@函数就像一个对象。当您在函数中指定this.anythis时,就像对任何其他JS对象执行此操作一样。因为没有
this.numer
if条件将失败,并将分配“this.numer=1”。第二次调用此函数时,该条件不适用,因为this.numer的值大于0。非常感谢
var numer = 0;
function changeslide(){
var timeout=0;
if(numer!==0){
timeout=3000;
}
var imagesnumber=document.getElementById("slider").getElementsByTagName("img");
for(var i = 0; i < imagesnumber.length; i++)
{
imagesnumber[i].style.display = "none";
}
// Wyświetlam aktualny index
$("#slide"+numer).fadeIn(500).css('display','block');
if(numer >= imagesnumber.length-1)
numer = 0;
else
numer++;
timer1 = setTimeout("changeslide()", timeout);
}