Random Images

HTML

<img src="" alt="" width="250" height="250"/>
<br/>
<button onclick="randomImage()">صورة عشوائية</button>
<br/>
<button onclick="nextImage()">صور متتالية</button>
<span></span>

JavaScript

var images = [
	"http://i.imgur.com/DWVuwMc.jpg",
  "http://i.imgur.com/pIj0Eok.jpg",
  "http://i.imgur.com/kF06WfN.jpg",
  "http://i.imgur.com/YRa3JcN.jpg",
  "http://i.imgur.com/bHkmaqm.jpg",
  "http://i.imgur.com/DfjlogK.jpg"
];
var next = 0;
function getRandomInt(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min)) + min;
}

var ImgTag = document.querySelector("img");
function randomImage(){
	var randInt = getRandomInt(0,images.length);
  if(span.innerHTML == randInt){
  	randomImage();
    return;
  }
  span.innerHTML = randInt;
	ImgTag.src = images[randInt];
}
var span = document.querySelector("span");
function nextImage(){
	
	if(next >= images.length-1){
  	span.innerHTML = next;
    ImgTag.src = images[next];
    next = 0;
  }else{
    ImgTag.src = images[next];
    span.innerHTML = next;
  	next ++;
  }
}

window.nextImage = nextImage;
window.randomImage = randomImage;