Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 请帮忙。使手动幻灯片可重复播放?_Javascript_Jquery_Duplicates - Fatal编程技术网

Javascript 请帮忙。使手动幻灯片可重复播放?

Javascript 请帮忙。使手动幻灯片可重复播放?,javascript,jquery,duplicates,Javascript,Jquery,Duplicates,请提供以下任何帮助: 我是说,当我点击最后一张照片上的“下一步”按钮时,它可以再次转到第一张 以前问过,但还是解决不了。有人能帮忙吗 非常感谢 Neo在你最初的问题中的回答是正确的: 您可以设置 显示模式中的循环:{type:'auto', 暂停:2500,循环:[此处], wrapparound:false},您也应该尝试一下 不断变化:尽管如此 还记得上次观看的幻灯片吗 回想起来 查看当前页面时,您没有实现他的更改。尝试进行这些更改,发布当前代码并提供结果反馈。如果您将它们保留在适当的位置

请提供以下任何帮助:

我是说,当我点击最后一张照片上的“下一步”按钮时,它可以再次转到第一张

以前问过,但还是解决不了。有人能帮忙吗


非常感谢

Neo在你最初的问题中的回答是正确的:

您可以设置 显示模式中的循环:{type:'auto', 暂停:2500,循环:[此处], wrapparound:false},您也应该尝试一下 不断变化:尽管如此 还记得上次观看的幻灯片吗 回想起来

查看当前页面时,您没有实现他的更改。尝试进行这些更改,发布当前代码并提供结果反馈。如果您将它们保留在适当的位置,我们可以查看并尝试提供帮助。我猜,你有一个语法错误(就像你前面的问题一样)


另外:您不应该删除添加的“duplicates”标记,这个问题显然与您之前的问题重复。

让我们试试这个脚本,我希望它能对您有更多帮助

<script language="javascript">
    var imageShow = document.getElementById("imageShow"),
        imageIndex = 0,
        isSlidePlay = false,
        img = document.createElement("img"),
        opacity = 0,
        buttonPlay = document.getElementById("btnPlay"),
        buttonPrevious = document.getElementById("btnPrevious"),
        buttonNext = document.getElementById("btnNext"),
        imgs = [
            "images/1.jpg",
            "images/2.jpg",
            "images/3.jpg",
            "images/4.jpg",
            "images/5.jpg",
            "images/6.jpg",
            "images/7.jpg",
            "images/8.jpg",
            "images/9.jpg",
            "images/10.jpg"
        ];

    img.src = imgs[imageIndex];
    img.width = 300;
    img.height = 400;
    img.opacity = opacity;
    imageShow.appendChild(img);

    function fadeIn() {
        img.style.opacity = opacity;
         fadeInInterval = setInterval(
            function() {
                opacity += 1;
                img.style.opacity = opacity/10;
                if (opacity/10 == 1) {
                    fadeOut();      
                    clearInterval(fadeInInterval);                      
                }
            },
            100
        );
    }

    function fadeOut(){         
        img.style.opacity = opacity;
         fadeOutInterval = setInterval(
            function() {
                opacity -= 1;
                img.style.opacity = opacity/10;
                if (opacity == 0) {                 
                    if (imageIndex >= imgs.length) imageIndex = 0;
                    imageIndex++;
                    img.src = imgs[imageIndex];
                    fadeIn();                       
                    clearInterval(fadeOutInterval);
                }
            },
            100
        );
    }

    buttonPlay.addEventListener("click", 
        function(){
            if(!isSlidePlay){
                buttonPlay.value="||";
                fadeIn();
                isSlidePlay = true;
                buttonNext.disabled = true;
            }
            else {
                buttonPlay.value = "Play";
                isSlidePlay = false;
                buttonNext.disabled = false;
                clearInterval(fadeInInterval);
                clearInterval(fadeOutInterval);
                img.src = imgs[imageIndex];
            }

        }, 
        false
    );

    buttonNext.addEventListener("click",
            function(){
                buttonPrevious.disabled = false;
                imageIndex++;
                img.src = imgs[imageIndex];
                if (imageIndex >= imgs.length) buttonNext.disabled = true;
            },
        false
    );

    buttonPrevious.addEventListener("click",
        function(){
            buttonNext.disabled = false;
            imageIndex--;
            img.src = imgs[imageIndex];
            if (imageIndex <= 0) buttonPrevious.disabled = true;
        },
        false
    );
</script>

var imageShow=document.getElementById(“imageShow”),
imageIndex=0,
isSlidePlay=错误,
img=document.createElement(“img”),
不透明度=0,
buttonPlay=document.getElementById(“btnPlay”),
buttonPrevious=document.getElementById(“btnPrevious”),
buttonNext=document.getElementById(“btnNext”),
imgs=[
“images/1.jpg”,
“images/2.jpg”,
“images/3.jpg”,
“images/4.jpg”,
“images/5.jpg”,
“images/6.jpg”,
“images/7.jpg”,
“images/8.jpg”,
“images/9.jpg”,
“images/10.jpg”
];
img.src=imgs[imageIndex];
img.width=300;
img.高度=400;
img.opacity=不透明度;
imageShow.appendChild(img);
函数fadeIn(){
img.style.opacity=不透明度;
fadeInInterval=设置间隔(
函数(){
不透明度+=1;
img.style.opacity=不透明度/10;
如果(不透明度/10==1){
淡出();
净空间隔(fadeInInterval);
}
},
100
);
}
函数fadeOut(){
img.style.opacity=不透明度;
淡出时间间隔=设定时间间隔(
函数(){
不透明度-=1;
img.style.opacity=不透明度/10;
如果(不透明度==0){
如果(imageIndex>=imgs.length)imageIndex=0;
imageIndex++;
img.src=imgs[imageIndex];
fadeIn();
清除间隔(衰减神经);
}
},
100
);
}
buttonPlay.addEventListener(“单击”,
函数(){
如果(!isSlidePlay){
buttonPlay.value=“| |”;
fadeIn();
isSlidePlay=正确;
buttonNext.disabled=true;
}
否则{
buttonPlay.value=“播放”;
isSlidePlay=假;
buttonNext.disabled=假;
净空间隔(fadeInInterval);
清除间隔(衰减神经);
img.src=imgs[imageIndex];
}
}, 
假的
);
buttonNext.addEventListener(“单击”,
函数(){
buttonPrevious.disabled=false;
imageIndex++;
img.src=imgs[imageIndex];
如果(imageIndex>=imgs.length)按钮next.disabled=true;
},
假的
);
按钮Previous.addEventListener(“单击”,
函数(){
buttonNext.disabled=假;
图像索引--;
img.src=imgs[imageIndex];

if(imageIndex只需将false改为true。
显示模式:{type:'manual',pause:2500,cycles:0,wrapparound:false}

正如在调用javascript“load()”时,页面在主体标记的“onload”属性中抛出javascript错误一样函数。我首先要纠正这一点。另外IE8有一个很棒的内置javascript调试器,或者你可以获得Firefox的Firebug插件,这也很好。在跟踪javascript错误时帮助很大。

你在29日问了同样的问题……你可能还想添加标签“jquery”,因为我相信你的网页会用到它。谢谢你的建议。你能帮忙吗?