function listImages(){
	var xhr = new XMLHttpRequest();
	var url = _spPageContextInfo.webAbsoluteUrl;
	if (url === "undefined") {
		console.log("_spPageContextInfo.webAbsoluteUrl undefined");
		url = "http://siteUrl";
	}
	//http://test/sites/test/_api/Web/Lists/getbytitle('vvv')/items?$select=&$filter= Title eq 'entite du ga 1
	//xhr.open('GET', url +"/_api/web/Lists?$select=Id,Title,Hidden,ItemCount");
	xhr.open('GET', url + "/_api/web/Lists/getbytitle('SiteCollectionImages')/items?$orderby=ID&$select=FileLeafRef,FileRef,Title&$Top=200");
	xhr.setRequestHeader("Accept", "application/json; odata=verbose");
	xhr.onload = function () {
		if (xhr.status === 200) {//
			var kk = JSON.parse(xhr.responseText);
			console.dir(kk.d.results);
			displayImages(kk.d.results);
		}
		else {
			console.dir(xhr);
			alert('Request failed.  Returned status of ' + xhr.status);
		}
	};
	xhr.send();
	
}

function displayImages(imgs){
	//fdi results:
	var fdi = document.getElementById("fdi");
	fdi.innerHTML = "tooto";
	fdi.setAttribute("style", "width:800px;");
		var div1 = document.createElement('div');
		div1.setAttribute("style", "border:1px solid black;padding:2px;"); 
	for(var i=0 ; i < imgs.length ; i++){
		var img = document.createElement('img'); 
		img.src = imgs[i].FileRef; 
		// var att = document.createAttribute("alt");       // Create a "class" attribute
		// att.value = imgs[i].FileLeafRef;  
		// fdi.setAttributeNode(att);
		img.setAttribute("style", "width:30px;");
		img.setAttribute("alt", imgs[i].FileLeafRef);		
		div1.appendChild(img); 
		
		var sp = document.createElement('span'); 
		sp.innerHTML = imgs[i].FileLeafRef;	
		sp.setAttribute("style", "width:100px;");
		div1.appendChild(sp); 
		fdi.appendChild(div1); 
	}			
			
			
}
listImages();