用原生JavaScript写图片轮播的时候,到最后一张图片之后,返回第一张,中间有后退的过渡效果,怎么解决?
黄舟
黄舟 2017-04-11 12:46:46
[JavaScript讨论组]
 window.onload= function () {

            var img_box=document.getElementsByClassName("img-box")[0];
            var n=1;
            var time=setInterval(function () {
                if(n>3){
                    n=0;
                    img_box.style.left="0px";
                }
                img_box.style.left=-960*n+"px";
                n++;

            },1000)
        }
        就是当大于3的时候,已经到最后一张图片了,想要返回0px的位置,但是返回的过程会有一个很难看的后退效果?一般怎样解决啊
黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(3)
PHP中文网

op需要的是单向轮播吗?
像这个?

这个用的是bxSlider,实现思路就是在最后加多一个和第一张一样的图,然后当切到最后一张(和第一张一样)的时候,取消animation效果,left:0px;

阿神

一般每播完一张就把前一张插到图画队列的最后

大家讲道理

可以在图片队列末尾中加上一张图片,与第一张图片一样,到执行到判断的时候会有一个同图片的转换,因为是相同图片,所以过渡效果就会看不出来。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号