jQuery.Random éléments horizontal

Animation des childrens d'un élément html.

by Benahmed Taoufiq

HTML

<div class='random'>
<a></a>
<a></a>
<a></a>
<a></a>
<a></a>
<a></a>
</div>

CSS

.random{
position:relative;overflow:hidden;width:100%;height:220px;border-top:2px solid black;border-bottom:2px solid black;padding:10px 0 10px 0
}
.random > * {
width:210px;height:210px;text-align:middle;
border-radius:50% 50%;
}
.t0,.t1,.t2,.t3,.t4,.t5{
background:url(http://img4.hostingpics.net/pics/532108images.png);
background-size:1024px;
  }
.t0,.t1,.t2{background-position-y:-32px;}
.t3,.t4,.t5{background-position-y:-280px;}
.t0,.t3{background-position-x:-112px;}
.t1,.t4{background-position-x:-406px;}
.t2,.t5{background-position-x:-700px;}

JavaScript

/*
http://www.developpez.net/forums/d1596756/webmasters-developpement-web/javascript-ajax-typescript-dart/javascript/bibliotheques-frameworks/jquery/changer-l-index-d-element/
*/
$(function(){
	var obj=$(".random"),childs=obj.children(),left=0,T=([]);
  
  T.push(childs.eq(0));
  
   childs
   .css({"position":"absolute"})
  .each(function(k){
   $(this).css({"left":left
   }).addClass("t"+k);
  
  	setInterval(function(){
    	childs.eq(k)
      	.animate({"left":"+=25%"}
        	,function(){
      		if($(this).offset().left >obj.width() ){
      /*T[0].insertBefore($(this));*/
    				$(this)
      				.css({
      					"left":T[0].offset().left-T[0].width()-20
          		});
          	T[0]=$(this);//sauvegarder $(this) dans T[0]
      }
      });//fin animate
    },1000);//fin setInterval 

     left+=parseInt($(this).parent().offset().left+parseInt(childs.eq(k).width()+20));
  });//fin each
});