Viager 3

<div style="width: 1000px; height: 563px; border: 1px solid black; margin: 30px auto; text-align: left; background: url('http://ekladata.com/T74cyRl2uAr2dytL8_PNAqUMZvM.jpg');"><img id="via1" class="via" src="http://ekladata.com/v_OZvPUkSHEBYAuqbmYlMKaSXpw.jpg" alt="" /><img id="via2" class="via" src="http://ekladata.com/D60TI_GqxPZV7N2yfoTIlMBZSkg.jpg" alt="" /><img id="via3" class="via" src="http://ekladata.com/FvWqw3p7rAiVXzewb7cosF06tgw.jpg" alt="" /><img id="via4" class="via" src="http://ekladata.com/OT8SAXiCdcTEOFNYw452fn8sMHk.jpg" alt="" /><img id="via5" class="via" src="http://ekladata.com/VN6inhphMhDo5E8YoUFu6Ouw6q4.jpg" alt="" /><img id="via6" class="via" src="http://ekladata.com/2ml2hrbZEbsGzTww7IkgjBQqZBA.jpg" alt="" /></div>
<style><!--
.via{position:absolute; z-index:1; height:563px;}
#via1{animation:viager 18s 0s linear infinite normal;}
#via2{animation:viager 18s 3s linear infinite normal;}
#via3{animation:viager 18s 6s linear infinite normal;}
#via4{animation:viager 18s 9s linear infinite normal;}
#via5{animation:viager 18s 12s linear infinite normal;}
#via6{animation:viager 18s 15s linear infinite normal;}
@keyframes viager{
0%{width:0px;}
50%{width:0px;}
52%{width:1000px;}
62%{width:1000px;}
63%{width:0px;}
100%{width:0px;}}
--></style>