Cacher is the code snippet organizer for pro developers

body{
  position:relative;
  height:100%;
}
#slide{
  margin:0;
  padding:0;
}
#slide img{
  display:block;
  width:100%;
  min-height:100%
}

var url = 'http://placehold.it/800x300/',
    data = [
  '<img src="'+url+'34495e/ecf0f1&text=404"/>',
  '<img src="'+url+'ecf0f1/34495e&text=Page"/>',
  '<img src="'+url+'34495e/ecf0f1&text=Not"/>',
  '<img src="'+url+'ecf0f1/34495e&text=Found"/>'    
];
var i = 0;
var slides = data.length;

function getTmpl(num){
  var html =  data[num];
  return html;
}
window.onload = function(){  
  slide.innerHTML=getTmpl(0);
  setInterval(function(){    
    var slide = document.getElementById('slide');
    slide.innerHTML= data[i++]; 
    if (i == slides) i = 0;   
  },500);  
}

<div id="slide">
  <p>Loading...</p>
</div>