图片轮播,第一张图片和最后一张图片怎么过渡?


第一张图片与最后一张图片切换时怎么做到那种只移动一张图片的效果而不是跳过中间图片在移过去,求给个思路?

jquery web前端开发 css JavaScript

三千院LEE 9 years, 12 months ago
  1. 做成立体旋转的轮播,可参见: http://www.zhangxinxu.com/study/201209/pictures-3d-slide-view.html
  2. 最后一张播完后开始倒播,而不是播第一张
  3. 每播完一张图片就把图片插入到最后
风中的铜铃 answered 9 years, 12 months ago

将第一个节点复制1份插到最后,将最后的节点复制1份插到最前面,用于动画过渡,然后再重新定位。比如从第一张图片向左滚动的情况,见下图~

举个栗子

如果可视区域有两个图片,那就要复制前两个和后两个,依次类推

粤漫三色堇 answered 9 years, 12 months ago

Your Answer