让图片无缝向左滚动

jpicture插件加js

js：

<script>   
$(function () {      
　　 jPicture("#imgBox", {
type: "slide",
autoplay: 0
 });
 })
window.οnlοad=function(){
var oDiv=document.getElementById('imgBox');
var oUl=oDiv.getElementsByTagName('ul')[0];
var aLi=oUl.getElementsByTagName('li');
oUl.innerHTML=oUl.innerHTML+oUl.innerHTML;//变成两副图，然后才能实现无缝滚动 
  oUl.style.width=aLi[0].offsetWidth*aLi.length+'px';//随便获取一个li的宽度，这里用第一个代表计算出ul的长度
 setInterval(function(){
if(oUl.offsetLeft<-oUl.offsetWidth/2){//offsetLeft是负数，而offsetWidth是一个最小大于0的数，所以加个-号才能进行比较 
 oUl.style.left='0';//当所有图片滚动完之后将left设置为0意味着后面无缝地接着第一张图片，这个过程如果看见两副图片就会看见有些变化，但实际上只会看见一副，所以几乎没有变化 
 }
oUl.style.left=oUl.offsetLeft-2+'px';//每次向左移动2px
  },30);
 };
</script>

转载于:https://www.cnblogs.com/libo199374/p/8065560.html