JSFiddle - React, Tailwind, and code Playground

by timspqr

HTML

<div class='holder'>
    <div class='mini'><img src='http://jasoncareers.files.wordpress.com/2012/02/f787ec3b56c3bd76_mickey-mouse.jpg' /></div>
    <div class='mini'><img src='http://1.bp.blogspot.com/_RqKqR6X60Ck/SyAKI-QnpLI/AAAAAAAAAdM/Rz0fLuaENPQ/s400/minnie%2Bmouse.jpg' /></div>
    <div class='mini'><img src='http://images.wikia.com/disney/images/archive/7/71/20121205062928!Donald-duck-disney-photo-450x400-dcp-cpna013154.jpg' /></div>
   <div class='clearboth'></div>      
    <div class='mini'><img src='http://en.clipart-fr.com/data/clipart/disney/disney_022.gif' /></div>
  <div class='mini'><img src='http://www.principalspage.com/theblog/wp-content/uploads//2007/09/goofy.gif' /></div>
  <div class='mini'><img src='http://badatsports.com/blog/wp-content/uploads/2012/06/98469cbc38e3338a_chip-and-dale-disney.gif' /></div>  
</div>

CSS

.holder{
    width: 400px;
    height: 210px;
}
}.clearboth {
    clear: both;
}
.mini {
    height: 100px;
    width: 100px;
    border: 1px solid red;
    float: left;
}
img {
    height: 100px;
    width: 100px;
}

JavaScript

$('.holder').animate(
    {
        width: 401
    },
    1000,
    function(){
        var copypic = $('.holder div:last-child').clone();
        $('.holder div:last-child').remove();
        $('.holder').prepend( copypic );
    });