javascript - JS轮播图问题
迷茫
迷茫 2017-06-12 09:28:53
[JavaScript讨论组]




Title



< >




想问一下,当图片到最后一张,再显示下一张的时候,怎么让它看不出来中间的过渡效果,让它瞬间到第一张呢?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(1)
巴扎黑

你可以在站内搜一下,其实有很多人问过了。原理就是视觉欺骗,类似 5,1,2,3,4,5,1这样的结构,我们到第5张图的时候要回到1,首先按照动画滚动到最右边那个1,在transitionend的时候瞬间调整位置让左边的那个1替代当前的这个1. 简单点讲就是右边的那个1的位置为 -1920px,左边那个1的位置为0px。就是在轮播到-1920px的时候瞬间将位置调整为0px,这样就达到了视觉欺骗的目的。同理1到5也是一样的,换个方向而已

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

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